/* - - - - - - - - - - - - - - - - - - - - -
Title : Designs Basics CSS
Author : Jamison Hiner
URL : http://www.designbasics.com
Description : 
Created : December 26th 2009
Modified : 
- - - - - - - - - - - - - - - - - - - - - */
/* @group Main */

* {
padding:0;
margin:0;
list-style-type:none;
}

html {
}

body {
background:#514f49 url(mainimages/slateBG.jpg) repeat;
color:#404040;
font:12px/16px Times, "Times New Roman", Georgia, serif;
}

#head_bg {
width:100%;
background:url(mainimages/top_header_bg.png) repeat-x;
height:300px;
z-index:-100;
}

#header {
position:relative;
height:134px;
margin:0;
padding:0;
font:12px "Times New Roman", Times, Georgia, serif;
}

/* Buttons */
.toup {
cursor:pointer;
cursor:hand;
line-height:27px;
height:27px;
background:url(mainimages/buttons_toup.gif) no-repeat right top;
padding-right:30px;
display:inline-block;
}

.planSaved {
background:#FFF;
padding-right:12px;
display:inline-block;
height:25px;
line-height:25px;
display:inline-block;
padding-left:12px;
border:1px solid #534010;
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-bottom:-9px;
}

div.result-buttons span {
background:#FFF;
padding-right:12px;
display:inline-block;
height:25px;
line-height:25px;
display:inline-block;
padding-left:12px;
border:1px solid #534010;
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-bottom:12px;
width:82px;
text-align:center;
}

.toup ins {
background:url(mainimages/buttons_toup.gif) no-repeat left top;
height:27px;
line-height:27px;
margin-left:-3px;
display:inline-block;
padding-left:30px;
}

a.toup {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.toup ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.toup:hover {
background-position:right -155px;
}

a.toup:hover ins {
background-position:left -155px;
}

.gray {
cursor:pointer;
cursor:hand;
line-height:27px;
height:27px;
background:url(mainimages/buttons_gray.gif) no-repeat right top;
padding-right:30px;
display:inline-block;
}

.gray ins {
background:url(mainimages/buttons_gray.gif) no-repeat left top;
height:27px;
line-height:27px;
display:inline-block;
margin-left:-3px;
padding-left:30px;
}

a.gray {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.gray ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.gray:hover {
background-position:right -155px;
}

a.gray:hover ins {
background-position:left -155px;
}

.brown {
cursor:pointer;
cursor:hand;
line-height:27px;
height:27px;
background:url(mainimages/buttons_brown.gif) no-repeat right top;
padding-right:30px;
display:inline-block;
}

.brown ins {
background:url(mainimages/buttons_brown.gif) no-repeat left top;
height:27px;
line-height:27px;
display:inline-block;
margin-left:-3px;
padding-left:30px;
}

a.brown {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.brown ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.brown:hover {
background-position:right -155px;
}

a.brown:hover ins {
background-position:left -155px;
}


/*------Updated CSS----------------------------------*/
.toup-search {
cursor:pointer;
cursor:hand;
line-height:27px;
height:27px;
background:url(mainimages/buttons_toup.gif) no-repeat right top;
width:100px;
margin:0 0 8px;
padding-right:8px;
display:block;
text-align:center;
}
/*------End Updated CSS----------------------------------*/


.toup-search ins {
background:url(mainimages/buttons_toup.gif) no-repeat left top;
height:27px;
width:92px;
line-height:27px;
display:inline-block;
padding-left:11px;
margin-left:-3px;
}

a.toup-search {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.toup-search ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.toup-search:hover {
background-position:right -155px;
}

a.toup-search:hover ins {
background-position:left -155px;
}

.brown-search {
cursor:pointer;
cursor:hand;
line-height:27px;
width:100px;
height:27px;
background:url(mainimages/buttons_brown.gif) no-repeat right top;
margin:0 0 12px;
padding-right:8px;
display:block;
text-align:center;
}

.brown-search ins {
background:url(mainimages/buttons_brown.gif) no-repeat left top;
height:27px;
width:92px;
line-height:27px;
display:inline-block;
padding-left:11px;
margin-left:-3px;
}

a.brown-search {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.brown-search ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.brown-search:hover {
background-position:right -155px;
}

a.brown-search:hover ins {
background-position:left -155px;
}

.kbut-browncompact {
cursor:pointer;
cursor:hand;
line-height:14px;
height:14px;
background:url(mainimages/buttons_brown_compact.gif) no-repeat right top;
padding-right:10px;
display:inline-block;
}

.kbut-browncompact ins {
background:url(mainimages/buttons_brown_compact.gif) no-repeat left top;
height:14px;
line-height:14px;
display:inline-block;
padding-left:10px;
margin-left:-3px;
}

a.kbut-browncompact {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.kbut-browncompact ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.kbut-browncompact:hover {
background-position:right -15px;
}

a.kbut-browncompact:hover ins {
background-position:left -15px;
}

.greycompact {
cursor:pointer;
cursor:hand;
line-height:12px;
height:14px;
background:url(mainimages/buttons_grey_compact.gif) no-repeat right top;
padding-right:4px;
display:inline-block;
}

.greycompact ins {
background:url(mainimages/buttons_grey_compact.gif) no-repeat left top;
height:14px;
line-height:12px;
display:inline-block;
padding-left:4px;
margin-left:-3px;
}

a.greycompact {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.greycompact ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.greycompact:hover {
background-position:right -15px;
}

a.greycompact:hover ins {
background-position:left -15px;
}

.greycompact2 {
cursor:pointer;
cursor:hand;
line-height:2em;
height:22px;
background:url(mainimages/buttons_grey_compact2.gif) no-repeat right top;
padding-right:4px;
margin-right:4px;
display:inline-block;
margin-bottom: 4px;
}

.greycompact2 ins {
background:url(mainimages/buttons_grey_compact2.gif) no-repeat left top;
height:22px;
line-height:2em;
display:inline-block;
padding-left:4px;
margin-left:-3px;
}

.greycompact2 ins.fixedWidth 
{
    width: 114px;
    text-align: center;
}

a.greycompact2 {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.greycompact2 ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.greycompact2:hover {
background-position:right bottom;
}

a.greycompact2:hover ins {
background-position:left bottom;
}

.toupcompact {
cursor:pointer;
cursor:hand;
line-height:14px;
height:14px;
background:url(mainimages/buttons_toup_compact.gif) no-repeat right top;
padding-right:10px;
display:inline-block;
}

.toupcompact ins {
background:url(mainimages/buttons_toup_compact.gif) no-repeat left top;
height:14px;
line-height:14px;
display:inline-block;
padding-left:10px;
margin-left:-3px;
}

a.toupcompact {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.toupcompact ins {
font-family:tahoma, arial, sans-serif;
color:#534010;
font-size:8px;
font-weight:bold;
text-decoration:none;
}

a.toupcompact:hover {
background-position:right -15px;
}

a.toupcompact:hover ins {
background-position:left -15px;
}

/* end rounded buttons */
/* START Feature Box and searches */
#featuredBox {
height:380px;
width:890px;
border:4px solid #808080;
}

#featuredPlan {
width:890px;
height:310px;
background:#808080;
}

#featureDescription {
height:310px;
width:404px;
background:#638bbc;
float:left;
}

#featureDescription p {
padding:4px 0 4px 24px;
color:#e1dcce;
letter-spacing:.025em;
}

.l-heading {
padding:12px 0 8px 24px;
}

#featureDescription p span.l-planNumber {
color:#e1dcce;
font-size:18px;
font-weight:bold;
}

#featureDescription p span.l-planName {
color:#fff;
font-size:18px;
font-weight:bold;
}

.smallcaps {
font-variant:small-caps;
}

.l-planDescription {
font-size:16px;
font-weight:bold;
}

#leftplanImages {
padding:2px 0 0 22px;
}

img.l-planImage {
width:160px;
border:2px solid #2f1000;
margin-right:8px;
float:left;
}

a:hover img.l-planImage {
border:2px solid #c09e59;
}

.r-planImage {
height:100%;
width:100%;
}

.r-planNumber {
position:absolute;
padding:6px 12px 4px;
background:#2f1000;
font-size:18px;
font-weight:bold;
letter-spacing:.1em;
color:#c09e59;
top:0;
right:0;
}

#featureImage {
height:310px;
width:480px;
float:right;
background:#ddd;
position:relative;
}

#searchSelect {
position:relative;
width:890px;
height:70px;
background:#e1dcce;
}

#searchTop {
width:890px;
height:18px;
background:#301001;
text-align:center;
}

#searchGuide {
position:absolute;
bottom:52px;
width:890px;
height:328px;
background:#fff;
text-align:center;
opacity:0.85;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
filter:alpha(opacity=85);
}

#searchGuide h1 {
font-size:24px;
font-family:verdana,arial,helvetica,san-serif;
text-align:center;
color:#000;
margin:0;
padding:16px;
}

#searchGuide p strong {
font-size:18px;
font-family:verdana,arial,helvetica,san-serif;
text-align:center;
color:#000;
margin:0;
padding:0;
}

#searchGuide p {
padding:16px;
font-size:10px;
font-family:verdana,arial,helvetica,san-serif;
color:#fff;
margin:0;
padding:0;
}

#searchTop p strong {
font-size:10px;
font-family:verdana,arial,helvetica,san-serif;
color:#fff;
margin:0;
padding:0;
}

.searchtip {
position:absolute;
bottom:0;
font-size:8px;
font-family:verdana,arial,helvetica,san-serif;
text-align:center;
color:#301001;
margin:0;
padding:0;
display:none;
width:298px;
z-index:8;
font-weight:bold;
line-height:12px;
white-space:nowrap;
}

.starbox {
float:right;
padding:0 0 12px 8px;
}

.starboxlast {
float:right;
padding:0 0 0 8px;
}

.starspecial {
clear:both;
text-align:left;
padding:0 0 0 12px;
white-space:nowrap;
}

.nostars {
padding:0 108px 0 0;
}

.quicksearchActive {
background-position:top left!important;
}

.lifestagesActive {
background-position:top left!important;
}

.personalizerActive {
background-position:top left!important;
}

.closetab {
position:absolute;
top:8px;
left:8px;
}

#quicksearchLink,#lifestagesLink,#personalizerLink {
font-size:0;
line-height:0;
margin:0;
padding:0;
}

#quickSearch {
width:296px;
height:36px;
background:#b49252;
float:left;
}

#quicksearchTab {
width:296px;
height:36px;
background:url(mainimages/search_quick.png) bottom left no-repeat;
display:block;
margin:0;
padding:0;
}

#lifeStages {
width:298px;
height:36px;
background:#b49252;
float:left;
}

#lifestagesTab {
width:298px;
height:36px;
background:url(mainimages/search_lifestages.png) bottom left no-repeat;
display:block;
margin:0;
padding:0;
}

#personalizeSearch {
width:296px;
height:36px;
background:#b49252;
float:left;
}

#personalizerTab {
width:296px;
height:36px;
background:url(mainimages/search_personalizer.png) bottom left no-repeat;
display:block;
margin:0;
padding:0;
}

#quickSearch:hover .searchtip {
display:inline;
}

#quicksearchTab:hover {
background:url(mainimages/search_quick.png) top left no-repeat;
cursor:pointer;
}

#quickSearch .houseplanSearch-form {
padding:2px 12px 12px;
margin:0;
}

#quickSearch .houseplanSearch-form p {
padding:8px 0 0;
margin:0;
color:#301001;
font-size:16px;
font-weight:bold;
}

#quickSearch .houseplanSearch-form span.label {
padding:0 0 0 12px;
margin:0;
color:#444;
font-size:12px;
}

#quickSearch .houseplanSearch-form span.label label {
padding:0 0 0 2px;
}

.longInput {
width:200px;
}

.shortInput {
width:56px;
}

.searchButton {
padding:2px 8px 0;
margin:8px 0 0;
border:3px outset #c09e59;
background:#c09e59;
font:14px "Times New Roman", Times, Georgia, serif;
font-weight:bold;
}

.searchButton:hover {
border:3px outset #cdb481;
background:#cdb481;
}

.searchButton:active {
border:3px inset #c09e59;
background:#c09e59;
}

#lifeStages:hover .searchtip {
display:inline;
}

#lifestagesTab:hover {
background:url(mainimages/search_lifestages.png) top left no-repeat;
cursor:pointer;
}

#lifeStages .houseplanSearch-form {
padding:2px 12px 12px;
margin:0;
}

#lifeStages .houseplanSearch-form p {
padding:8px 0 2px;
margin:0;
color:#301001;
font-size:16px;
font-weight:bold;
}

#personalizeSearch:hover .searchtip {
display:inline;
}

.closeLink {
position:absolute;
top:4px;
left:4px;
cursor:pointer;
}

#personalizerTab:hover {
background:url(mainimages/search_personalizer.png) top left no-repeat;
cursor:pointer;
}

#personalizeSearch .houseplanSearch-form p {
padding:8px 0 0;
margin:0;
color:#301001;
font-size:16px;
font-weight:bold;
}

#personalizeSearch .houseplanSearch-form a {
font-size:0;
line-height:0;
margin:0;
padding:0;
text-indent:999em;
}

a.advanced 
{
font-size:12px!important;
color:#301001;
font-weight:normal;
line-height:12px!important;
text-indent:0!important;
}

#personalizeSearch .houseplanSearch-form p.startype {
padding:10px 0 2px;
margin:0;
color:#444;
font-size:12px;
text-align:left;
}

#personalizeSearch .houseplanSearch-form span {
padding:0 0 0 16px;
margin:0;
color:#444;
font-size:12px;
}

#personalizeSearch .houseplanSearch-form span label {
padding:0 0 0 2px;
}

.midHalf {
float:left;
width:250px;
padding:10px;
}

.midHalf table {
width:100%;
padding:10px 0 0;
}

.notated {
float:right;
}

.clearboth {
clear:both;
}

img.floatleft {
float:left;
padding:10px;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

#personalizeSearch .houseplanSearch-form span.notation {
padding:0 0 0 8px;
margin:0;
color:#444;
font-size:10px;
}

#personalizeSearch .houseplanSearch-form .starspecial span {
padding:0 0 0 2px;
margin:0;
color:#444;
font-size:12px;
}

#personalizeSearch .houseplanSearch-form .searchButton {
margin:-16px 0 0;
}

.searchColumn {
width:268px;
padding:4px 12px 0;
margin:0;
float:left;
}

.searchoptions {
text-align:right;
position:absolute;
background:#c9bfa6;
z-index:9;
}

.hidden {
display:none;
}

.activetip {
display:inline;
}

.quicksearch {
bottom:52px;
left:12px;
height:316px;
width:250px;
border-left:5px solid #fff;
border-top:5px solid #fff;
border-right:5px solid #fff;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
border-radius-topleft:8px;
border-radius-topright:8px;
background:url(mainimages/tab_bg.png);
}

.lifestages {
bottom:52px;
left:314px;
height:316px;
width:250px;
border-left:5px solid #fff;
border-top:5px solid #fff;
border-right:5px solid #fff;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
border-radius-topleft:8px;
border-radius-topright:8px;
background:url(mainimages/tab_bg.png);
}

.personalize {
bottom:52px;
left:0;
height:328px;
width:890px;
background:#fff url(mainimages/tab_bg.png) bottom left repeat-x;
}

/* END Feature Box and searches*/
.bluequote {
float:right;
background:#b4cce8 url(mainimages/quotebg.png) bottom left repeat-x;
width:116px;
border:2px solid #043465;
position:relative;
text-align:center;
font-family:Georgia,"Times New Roman",Times,Serif;
color:#043465;
}

.bluequote .openquote {
position:absolute;
z-index:1;
top:8px;
left:8px;
}

.bluequote .closequote {
position:absolute;
z-index:1;
bottom:8px;
right:8px;
}

.bluequote .quotepoint {
position:absolute;
z-index:1;
bottom:-29px;
left:24px;
}

.bluequote .quoteTitle {
position:relative;
z-index:2;
font-size:16px;
font-weight:bold;
line-height:1.6em;
padding:16px 16px 0;
}

.bluequote .quoteBody {
position:relative;
z-index:2;
font-size:10px;
font-weight:bold;
line-height:1.6em;
padding:0 16px 16px;
}

.homequote {
float:right;
background:#b4cce8 url(mainimages/quotebg.png) bottom left repeat-x;
width:256px;
border:2px solid #043465;
position:relative;
font-family:Georgia,"Times New Roman",Times,Serif;
color:#043465;
}

.homequote .openquote {
position:absolute;
z-index:1;
top:8px;
left:8px;
}

.homequote .closequote {
position:absolute;
z-index:1;
bottom:8px;
right:8px;
}

.homequote .quotepoint {
position:absolute;
z-index:1;
bottom:-29px;
right:24px;
}

.homequote .quoteTitle {
position:relative;
z-index:2;
text-align:left;
font-size:18px;
font-weight:bold;
line-height:1.6em;
padding:16px 16px 0;
}

.homequote .quoteBody {
position:relative;
z-index:2;
text-align:right;
font-size:18px;
font-weight:bold;
line-height:1.6em;
padding:0 16px 16px;
}

.large {
font-size:24px;
}

/* Results Preview CSS */

/*------Updated CSS----------------------------------*/
ul.thumb,ul.thumb li {
margin:0;
padding:0;
text-indent: 5px;
}
/*------End Updated CSS------------------------------*/


ul.thumb li {
list-style:none;
float:left;
display:inline;
margin-right:2px;
}

ul.thumb img {
border:3px solid #808080;
padding:2px;
width:112px;
}

/*  */
#preview {
position:absolute;
border:1px solid #ccc;
background:#808080;
padding:5px;
display:none;
color:#fff;
}

#preview img {
width:256px;
}

/*  */
/* END Results Preview CSS */
input.usernameInput {
color:#444;
font-size:1em;
width:144px;
height:14px;
padding:1px;
margin:0 4px 0 0;
}

input.passwordInput {
color:#444;
font-size:1em;
width:144px;
height:14px;
padding:1px;
margin:0 4px 0 0;
}

input.loginButton {
width:24px;
height:21px;
border:none;
cursor:pointer;
background:#ebebeb url(mainimages/signin_button.gif) no-repeat top right;
}

input.loginButton:hover {
background:#ebebeb url(mainimages/signin_button.gif) no-repeat bottom right;
}

#headerSearch {
position:absolute;
top:56px;
right:28px;
}

input.headersearchInput {
color:#444;
font-size:1em;
width:144px;
padding:1px;
margin:0 4px 0 0;
}

input.genericInput {
color:#444;
font-size:1em;
width:144px;
padding:1px;
margin:12px 0 0;
}

input.headersearchButton {
width:24px;
height:21px;
border:none;
cursor:pointer;
background:#ebebeb url(mainimages/signin_button.gif) no-repeat top right;
}

input.headersearchButton {
background:#ebebeb url(mainimages/signin_button.gif) no-repeat bottom right;
}

#forgotPassword {
position:absolute;
top:24px;
left:160px;
}

#forgotPassword p a {
font-size:10px;
color:#687e88;
text-decoration:none;
}

#forgotPassword p a:hover {
font-size:10px;
color:#576972;
text-decoration:underline;
}

#headerMenu {
position:absolute;
top:18px;
right:378px;
font-size:14px;
color:#687e88;
text-decoration:none;
font-weight:bold;
}

#headerMenu.loggedin {
position:absolute;
top:18px;
right:28px;
font-size:14px;
color:#687e88;
text-decoration:none;
font-weight:bold;
}

#headerMenu a {
font-size:14px;
color:#687e88;
text-decoration:none;
}

#headerMenu a:hover {
font-size:14px;
color:#576972;
text-decoration:underline;
}

#login {
position:absolute;
top:12px;
right:28px;
}

#logo {
position:absolute;
top:34px;
left:56px;
width:222px;
height:91px;
}

#social {
position:absolute;
top:12px;
left:316px;
}

#planSlideShow {
float:left;
width:252px;
}

/* @group Nav */
#navigation {
position:absolute;
top:96px;
left:310px;
width:612px;
height:38px;
margin:0;
padding:0;
z-index:100;
}

#navigation li a {
background-image:url(mainimages/nav_img.jpg);
}

#navigation span {
display:none;
}

#navigation li,#navigation a {
height:38px;
display:block;
}

#navigation li {
float:left;
list-style:none;
display:inline;
}

/* HOME */
#navigation .item1 a {
width:49px;
background-position:0 0;
}

#navigation .item1 a:hover {
background-position:0 -38px;
}

#navigation .item1over a {
background-position:0 -38px;
}

/* HOME SEARCH*/
#navigation .item2 a {
width:130px;
background-position:-49px 0;
}

#navigation .item2 a:hover {
background-position:-49px -38px;
}

#navigation .item2over a {
background-position:-49px -38px;
}

/* PLAN ALTERATIONS */
#navigation .item3 a {
width:161px;
background-position:-179px 0;
}

#navigation .item3 a:hover {
background-position:-179px -38px;
}

#navigation .item3over a {
background-position:-179px -38px;
}

/* HOME BUYERS */
#navigation .item4 a {
width:132px;
background-position:-340px 0;
}

#navigation .item4 a:hover {
background-position:-340px -38px;
}

#navigation .item4over a {
background-position:-340px -38px;
}

/* HOME BUILDERS */
#navigation .item5 a {
width:140px;
background-position:-472px 0;
}

#navigation .item5 a:hover {
background-position:-472px -38px;
}

#navigation .item5over a {
background-position:-472px -38px;
}

/* @end */
#container {
width:948px;
margin:0 auto;
padding:0;
top:0;
}

#primaryContent {
background:#ffffff;
padding:25px;
-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:3px 3px 3px #666;
box-shadow:3px 3px 3px #666;
}

#home_mid {
width:900px;
border-bottom:3px solid #808080;
}

#mid1 {
position:relative;
z-index:1;
float:left;
width:260px;
padding:10px;
border-right:3px solid #808080;
margin:0;
}

#mid2 {
position:relative;
float:left;
width:290px;
padding:10px;
border-right:3px solid #808080;
border-left:3px solid #808080;
margin:0 0 0 -3px;
z-index:2;
}

#mid3 {
position:relative;
z-index:1;
float:left;
width:280px;
padding:10px;
border-left:3px solid #808080;
margin:0 0 0 -3px;
}

.heading {
padding:0 0 12px;
}

#secondaryContent {
width:897px;
height:110px;
padding:0;
background:url(mainimages/home_footer_bg.jpg) no-repeat;
margin-top:10px;
}

#secondarystuff {
padding:10px;
position:relative;
font-size:14px;
font-weight:bold;
color:#fff;
}

#secondarystuff p {
width:550px;
margin:0;
padding:2px;
}

#bubble {
position:absolute;
left:624px;
top:11px;
width:251px;
height:99px;
}

#ifiwere {
position:absolute;
}

#footer {
text-align:right;
color:#fffeff;
font-size:12px;
font-weight:bold;
padding:10px;
}

#footer a {
text-align:right;
color:#fffeff;
font-size:14px;
font-weight:bold;
}

/* @end */
/* @group Sub Page */
#left {
float:left;
width:200px;
background-color:#ffffff;
}

#left p {
color:#4d2c11;
padding:5px 0 0;
}

#left .selectleft p {
color:#6c7e87;
}

#left .selectleft label {
padding:0 8px 0 2px;
}

#left .selectleftButtons {
padding:10px 0 20px;
}

#left .selectleftButtons .gray {
margin-right:10px;
}

#middle {
width:550px;
float:left;
margin:0;
}

#middlemid {
width:620px;
margin:0 auto;
}

#mid {
color:#333;
width:550px;
margin:0;
border:2px solid #808080;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
border-radius-bottomleft:8px;
border-radius-bottomright:8px;
}

#bottommid h1 {
padding:10px;
}

#bottommid h2 {
padding:10px 0 0 10px;
}

#bottommid {
width:550px;
margin-top:20px;
padding:0;
background:#f4f2ed;
border:2px solid #808080;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
border-radius-topleft:8px;
border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
border-radius-bottomleft:8px;
border-radius-bottomright:8px;
}

#bottommidcenter {
width:600px;
margin-top:20px;
padding:5px 20px 20px;
background:#ded6c3 url(mainimages/midcenter.jpg) repeat-x;
border:2px solid #808080;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
border-radius-topleft:8px;
border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
border-radius-bottomleft:8px;
border-radius-bottomright:8px;
margin:20px auto;
}

#right {
float:right;
width:140px;
background-color:#ffffff;
text-align:right;
}

#subtopbg {
border-bottom:2px solid #808080;
background:#f4f3ed;
}

#middle #subtopbg p {
padding:0 10px 10px;
margin:0;
color:#000;
font-size:13px;
line-height:15px;
}

#middle p {
padding:5px;
margin:0;
color:#000;
font-size:13px;
}

#subtopbg h2 {
font-size:16px;
line-height:17px;
padding:10px 0 0 10px;
color:#4d2c11;
font-weight:bold;
}

#left .subleftheaders {
border-bottom:2px solid #808080;
border-top:2px solid #808080;
background:#dfdfdf;
padding:5px;
margin:0 0 10px;
}

#left .subleftheaders p {
padding:5px;
color:#404040;
}

#left .sublefttoupheaders {
border-bottom:2px solid #808080;
border-top:2px solid #808080;
background:#cfc6b3;
color:#4d2c11;
padding:5px;
}

#left .sublefttoupheaders p {
padding:5px;
color:#4d2c11;
}

#left ul {
padding:0 0 10px;
}

#left ul li {
padding:0 0 10px;
}

#left ul ul {
padding:0;
}

#left ul ul li {
list-style-type:none;
padding:0;
}

#plandetailCommentsSection img {
float:left;
padding:10px 0 10px 10px;
}

img.plandetailCommentsImage {
border:none;
}

.pagenumber {
float:left;
}

.pagesort {
float:right;
}

.result {
width:100%;
border-bottom:0 solid #808080;
border-top:2px solid #808080;
}

.result.last {
border-top:2px solid #808080;
}

.result-head {
background:#dfdfdf;
color:#4d2c11;
height: 38px;
}

#middle .result-head p {
padding:10px;
color:#4d2c11;
font-weight:bold;
}


.result-details td {
vertical-align:top;
}

#resultsBottom {
border-top:2px solid #808080;
}

.result h1 {
padding:5px;
color:#6c7e87;
font-weight:bolder;
font-size:14px;
padding:0 10px 0 0;
margin:0;
}

#middle .result .head p {
color:#6c7e87;
font-weight:bolder;
font-size:14px;
padding:0 10px 0 0;
margin:0;
}

#elevationSlideShow {
width:530px;
height:325px;
background:#cfc6b3;
}

#planSlideShow {
width:250px;
}

.compSlideshow-placeholder {
width:250px;
height:240px;
background:#cfc6b3;
}

p.javaWarning {
padding:30px 20px 0;
font-size:14px;
font-weight:bold;
}

.detail_buttons {
text-align:right;
}

.buyLinks {
padding:4px 0 4px 0;
float:right;
width:275px;
}

.elevationLinks {
	width:250px;
	padding: 0 0 4px;
	margin-top: 5px;
}

.hide {
}

.show {
}

.left {
margin:0 5px 5px 0;
float:left;
}

h1 {
font-weight:bold;
font-size:16px;
line-height:17px;
padding:10px 0 0;
color:#4d2c11;
}

h2 {
font-weight:bold;
font-size:14px;
line-height:17px;
}

h1.topheader {
color:#6b6b6b;
font-weight:bold;
font-size:18px;
line-height:17px;
padding:15px 0 15px 10px;
border-top:2px solid #808080;
border-bottom:2px solid #808080;
margin:10px 0 0;
}

.brownheader {
color:#a6803f;
font-weight:bold;
font-size:18px;
line-height:17px;
}

li {
text-indent:10px;
line-height:20px;
list-style-type:disc;
list-style-position:inside;
font-size:12px;
}

li li {
text-indent:20px;
list-style-type:square;
}

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

a:hover {
text-decoration:none;
}

a:visited,a:active,a:focus {
}

a:visited {
}

a:active {
}

/* @end */
/* @group Forms */
.selectleft {
border:none;
width:200px;
color:#6c7e87;
}

#left select {
width:180px;
}

.newsletter {
border:none;
width:260px;
color:#444;
}

.newsletter input.news {
color:#444;
width:125px;
font-size:1em;
padding:0;
margin-right:0;
margin-top:0;
}

.newsletter .btn {
width:118px;
height:21px;
cursor:pointer;
padding:0;
margin:0 0 0 7px;
text-indent:-9999px;
border:0;
background:#ebebeb url(mainimages/signup_button.jpg) no-repeat top right;
}

hr {
border-bottom:1px solid #b9b8b5;
}

.kcellbrown {
padding:15px;
margin:0 auto;
background-color:#ded6c3;
background-image:url(mainimages/midcenter.jpg);
background-position-x:left;
background-position-y:center;
background-repeat:repeat-x;
border:2px solid #808080;
position:relative;
zoom:1;
/* IE6 */
}

.kcellbrown label {
padding:0 8px 0 2px;
}

.dcellbrown {
padding:15px;
margin:0 auto;
background:#fff;
border:2px solid #808080;
position:relative;
zoom:1;
/* IE6 */
}

.dcellbrown label {
padding:0 8px 0 2px;
}

.curved {
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
behavior:url(ie-css3.htc);
z-index:1000;
}

.curved-small2 {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
behavior:url(ie-css3.htc);
z-index:1000;
}

.curved-small {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
z-index:1000;
}

.ccTypeBox {
text-align:center;
padding:12px;
margin:8px 0;
width:210px;
background:#fff;
}

ul.ccVerify {
cursor:pointer;
cursor:hand;
position:relative;
text-decoration:underline;
padding:0;
margin:0;
text-indent:0;
color:#990000;
}

ul.ccVerify ul {
background:#fff;
position:absolute;
top:0;
left:80px;
padding:10px;
border:2px solid #808080;
display:none;
text-indent:0;
}

ul.ccVerify:hover ul {
display:block;
}

ul.ccVerify li {
list-style-type:none;
list-style-position:outside;
text-indent:0;
padding:0;
margin:0;
}

#blogPreview {
margin:10px 0 0;
width:900px;
background:#491700 url(mainimages/blogWood.jpg) repeat-y;
clear:both;
}

.blogContent h1 {
color:#ddd;
padding-bottom:10px;
}

.blogContent h1 a {
color:#ddd;
text-decoration:none;
}

.blogContent h1 a:link {
color:#ddd;
}

.blogContent h1 a:visited {
color:#ddd;
}

.blogContent h1 a:hover {
color:#ddd;
text-decoration:underline;
}

.blogContent h1 a:active {
color:#ddd;
}

.blogContent h2 {
color:#ddd;
}

.blogContent p {
color:#ddd;
}

.blogContent {
font-family:Georgia,"Times New Roman",Times,Serif;
color:#ddd;
position:relative;
z-index:1001;
width:560px;
padding:10px 20px;
float:left;
}

.blogQuote {
width:260px;
padding:10px 20px;
float:right;
}

.tablepattern {
border-collapse:collapse;
color:#000;
}

.tablepattern td {
border-bottom:1px solid #fff;
padding:0 4px;
}

.tablepattern-light {
background:#e0e0e0;
}

.tablepattern-dark {
background:#ddd;
}

.tablepattern-verylight {
background:#eee;
}

.tablepattern-verydark {
background:#d0d0d0;
}

p.padding {
padding:12px;
}

p.subpadding {
padding:4px 0 0 12px;
}

p.tablehead {
padding:12px 0 0;
color:#4d2c11;
}

/* jQuery Rating CSS */
div.star-rating {
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}

div.star-rating,div.star-rating a {
background:url(mainimages/star.png) no-repeat 0 0;
}

div.star-rating a {
display:block;
width:16px;
height:100%;
background-position:0 0;
border:0;
}

div.star-rating-on a {
background-position:0 -16px!important;
}

div.star-rating-hover a {
background-position:0 -32px;
}

/* Read Only CSS */
div.star-rating-readonly a {
cursor:default!important;
}

/* Partial Star CSS */
div.star-rating {
background:transparent!important;
overflow:hidden!important;
}

/* END jQuery Rating Plugin CSS */


             
.liveabilitysearch {
	width:190px;
}
.liveabilitysearch .entertaining {
    background-color:#FAE773; 
}
.liveabilitysearch .destressing {
    background-color:#2BABBA; 
}
.liveabilitysearch .storing {
    background-color:#F7863E; 
}
.liveabilitysearch .flexibleliving {
    background-color:#6CA45E; 
}


/*------Updated CSS-----------------------------------------------*/

.result ul {
float:left;
padding:12px 0 0 2px;
}

.result-buttons {
float:right;
width:140px;
padding-right:12px;
clear:both;
}

.result-details {
padding-right:12px;
padding-top:12px;
float:right;
width:140px;
}

#middle .result-details p {
padding:0;
margin:0;
font-size:12px;
}

.livability{
	float:left;
	width:378px;
	height: 130px;
	border: 3px solid #808080;
	margin: 0 0 12px 7px;
	position: relative;
}

.advertisement img {
	border: 0px;;
}

.livability2{
	float:left;
	width:267px;
	border: 3px solid #808080;
	margin: 5px 0 12px 2px;
	position: relative;
}

.livability .heading{
	background-color:#DDD7CB;
	height:15px;
	font-weight:bold;
	font-color:#4A311F;
	text-align: left;
}


.livability a{
	font-weight:normal;
	font-size:10px;
}

.livability2 .heading{
	background-color:#DDD7CB;
	height:15px;
	font-weight:bold;
	font-color:#4A311F;
	text-align: left;
}


.livability2 a{
	font-weight:normal;
	font-size:10px;
}

.box3{width: 256px;}
.box3 p{font-size: 10px!important;}
.box4{width: 182px;}


.box1{position: absolute;top:30px;left:10px; width: 145px;}
.box2{position: absolute;top:30px;right:13px; width: 182px;}


.box_bottom{position: absolute;top:120px;left:10px; width: 182px;}
.box_bottom p{font-size: 10px!important; text-align: left;}
.box_bottom a{font-size: 10px!important; text-align: left;}

.box1 p{
	font-size: 10px!important;
	padding: 2px 0 2px 0!important;
	}
.box2 p{
	font-size: 10px!important;
	padding: 2px 0 2px 0!important;
	}

.insidebox {
    border: 1px solid #808080;
    color: #534010;
}

.yellow{height: 14px; border-bottom: 1px solid #808080; padding-left: 5px; font-family: sans-serif;text-align: left;}
.blue{height: 14px; border-bottom: 1px solid #808080; padding-left: 5px; font-family: sans-serif;text-align: left;}
.orange{height: 14px; border-bottom: 1px solid #808080; padding-left: 5px; font-family: sans-serif;text-align: left;}
.green{height: 14px; border-bottom: 1px solid #808080; padding-left: 5px; font-family: sans-serif;text-align: left;}

.boxer {position:relative; height: 65px; width: 180px; margin: 0 auto;}

.livabilityContent { padding: 5px;}

.colorchart{background:#ffffff url(color_chart.jpg) no-repeat; height: 7px; width: 46px;}

.slide1 {background:transparent url(slide.png) no-repeat; width:34px; height:28px; z-index: 2;position: absolute; top: 30px;}
.slide1 p{padding: 0 0 5px 1px; font-weight: bold; font-size: 12px!important; text-align: center;}

.slide {background:transparent url(slide.png) no-repeat; width:34px; height:28px; z-index: 2;position: absolute;}
.slide p{padding: 0 0 5px 1px; font-weight: bold; font-size: 12px; text-align: center;}

.slider1 {position: absolute; top:50px; background:transparent url(slide_rule.jpg) no-repeat; width:182px; height:45px;}
.slider {position: absolute; top:20px; background:transparent url(slide_rule.jpg) no-repeat; width:182px; height:45px;}

.slidernum1{position: absolute; left: 0px; top:20px; font-weight: bold;}
.slidernum2{position: absolute; right: 0px; top: 20px; font-weight: bold;}

.bigindex {background:#ffffff url(indexdetail.jpg) no-repeat; height: 60px; width: 200px; position: absolute; left: -15px;}
.bigindex p {
    font-size: 40px !important;
    font-weight: bold;
    height: 45px;
    line-height: 44px;
    padding-top: 15px;
    position: absolute;
    right: 15px;
}

.bigindex2 {background:#ffffff url(indexdetail.jpg) no-repeat; height: 64px; width: 205px; position: relative; margin:13px auto 15px auto;}
.bigindex2 p{position:absolute; right: 15px; top: 15px; font-size:40px!important; font-weight: bold;}

sup {
	font-size:.5em;
}

.whatsthis {
	float:right;
	color:#b5985a;
	text-decoration:underline;
	cursor: hand; cursor: pointer;
}

/* LIVABILITY SEARCH */    
.livabilitysearch {
	width:190px;
}

.livabilitysearch .searchcontainer {
	font-family:"arial",sans-serif;
	font-size:.8em;
	padding:3px 0px 3px 5px;
    color:#000;
}

.livabilitysearch input {
 vertical-align: middle;
 margin: 0px;
 padding:0px;
 width: 15px;
}

.livabilitysearch .entertaining {
    background-color:#FAE773;
}
.livabilitysearch .destressing {
    background-color:#2BABBA;
}
.livabilitysearch .storing {
    background-color:#F7863E;
}
.livabilitysearch .flexibleliving {
    background-color:#6CA45E; 
}
/* /LIVABILITY SEARCH */  


/*------ End Updated CSS---------------------------------------------*/

.boxBorder {border: 1px solid #808080; width: 254px; margin-left: 5px; margin-bottom: 5px;}


.boxWithShadow {
border: 1px solid #808080;
width: 205px;
height: 60px;
margin-left: -20px;
}