/* 
    Document   : style.css
    Created on : May 25, 2010, 11:38:51 AM
    Author     : toakes
    Description:
        Purpose of the stylesheet follows.
*/

#main {
    max-width: 886px;
}

#loginbox {
    height: 32px;
    float: right;

    /*background: url('../images/login-box.png') no-repeat top left;*/

    color: white;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: bold;
    text-align: center;
}
#loginbox div {
    float: left;
    height: 32px;
}
#loginbox .content {
    padding-top: 9px;
    background: #052A67;
    height: 23px;
    padding-left: 14px;
    padding-right: 14px;
}
#loginbox .left {
    width: 10px;
    background: url('../images/login-box-left.png');
}
#loginbox .right {
    width: 9px;
    background: url('../images/login-box-right.png');
}

#loginbox a {
    text-decoration: none;
    color: white;
}

#headerlogo {
    float: left;
    margin-top: 10px;
}

#headerlinks {
    display: inline;
    clear: right;
    float: right;
    padding-top: 0px;
}

#headerlinks ul {
    margin-top: 14px;
    list-style-type: none;
}
#headerlinks ul li {
    display:  inline;
    text-transform: uppercase;
    font-size: .8em;
}
#headerlinks ul li a {
    color: #003366;
}

#nav {
    clear: both;
    height: 47px;
}

#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav ul li {
    position: relative;
    float: left;
    z-index: 51;
}

#nav ul.subnavlist {
    display: none;
    position: absolute;
    z-index: 50;
    background: #052A67;
    text-transform: uppercase;
    font-size: .7em;
    top: 47px;
    width: 148px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#nav ul.subnavlist li {
    margin-top: 5px;
    z-index: 50;
}

#nav .subnavlist a {
    color: white;
    text-decoration: none;
    width: 128px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

#nav .subnavlist a:hover {
    background: #617A9F;
}

#nav li:hover ul, li.over ul {
    display: block;
}

/*
    Content box
*/

#content {
    width: 886px;
    margin: 0px auto;
    margin-top: 2px;
}

#subnav {
    height: 46px;
    width: 886px;
    position: relative;
    background: url('../images/subnav.png') no-repeat top left;
}

#subnav ul {
    position: absolute;
    top: 0px;
    margin-left: 13px;
    margin-top: 8px;
    padding: 0px;
    height: 31px;
    width: 859px;
    background: #FAFBFC url('../images/subnav-int.png') no-repeat top left;
    list-style-type: none;
    font-size: .75em;
    font-weight: bold;
}

#subnav ul li {
    display: block;
    float: left;
    text-transform: uppercase;
    padding-top: 9px;
    height: 22px;
}

#subnav ul li.first {
    background: #FAFBFC url('../images/subnav-int-left.png') no-repeat top left;
}

#subnav ul li a {
    text-decoration: none;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
}

#subnav ul li:hover, #subnav ul li.active {
    background-color: #DFE5EC;
}

/*
    Main Content
*/

#propertypage p {
    font-size: .8em;
}

h3 {
    color: #052A67;
    text-transform: uppercase;
}

#searchhomesbox {
    position: relative;
    padding-left: 10px;
}

#searchhomesbox table {
    font-size: .8em;
    font-weight: bold;
    margin-top: 20px;
}

#searchhomesbox table h3 {
    color: #003366;
}

#searchhomesbox .tab1, #searchhomesbox .tab2, #searchhomesbox .tab3 {
    position: absolute;
    top: -85px;
    left: 1px;
    height: 50px;
    width: 212px;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    padding-top: 19px;
    text-align: center;
}

#searchhomesbox span {
    margin-right: 15px;
}

#searchhomesbox .tab1 {
    z-index: 4;
}

#searchhomesbox .active {
    background: url('../images/tab1.png') top left no-repeat;
    z-index: 5 !important;
}

#searchhomesbox .inactive {
    background: url('../images/tab2.png') top left no-repeat;
}

#searchhomesbox .tab2 {
    left: 200px;
    z-index: 3;
}

#searchhomesbox .tab3 {
    left: 400px;
    z-index: 2;
}

.orangelogin {
    float: right;
    width: 163px;
}
.orangelogin a {
    text-decoration: none;
    color: white;
    font-size: .9em;
}
.orangelogin > .top {
    height: 16px;
    background: url('../images/orange-login-top.gif') top left no-repeat;
}
.orangelogin > .middle {
    background: url('../images/orange-login-middle.gif') top left repeat-y;
    padding-left: 13px;
}
.orangelogin > .bottom {
    height: 15px;
    background: url('../images/orange-login-bottom.gif') bottom left no-repeat;
}

ul.inner {
    list-style-image: url('../images/bullet.gif');
}

ul.inner li {
    margin-top: 7px;
}

#maincontent #maincontenttop {
    height: 15px;
    background: url('../images/main-top.png') no-repeat top left;
}

#maincontent #maincontentcontent {
    background: url('../images/footernav-middle.png') repeat-y top left;
    padding: 1px 20px 1px 20px;
}

.interior #maincontent #maincontentcontent {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
}

#maininnertop {
    background: url('../images/innercontentbox-top.gif') no-repeat top left;
    height: 8px;
}

#maininnercontent {
    background: url('../images/innercontentbox-middle.gif') repeat-y top left;
    padding: 10px 20px 1px 20px;
}

#maininnerfooter {
    background: url('../images/innercontentbox-bottom.gif') no-repeat bottom left;
    height: 7px;
}

.disclosure, h1 {
    color: #052A67;
}

p.disclosure {
    font-size: .6em;
}

.expandthumb {
    color: black;
    font-size: .7em;
}

.propertysummary {
    border-top: 1px solid gray;
    height: 150px;
}
.propertysummary .details {
    display: inline-block;
    width: 400px;
    padding-left: 10px;
    font-size: .8em;
}
.propertysummary .details h3 {
    margin-top: 5px;
    text-transform: none;
}
.propertysummary .links {
    float: right;
    width: 190px;
}
.propertysummary .links ul {
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.propertysummary .links li {
    background: #d2dfe6;
    border-bottom: 1px solid #F6F9FA;
    padding: 5px 10px 2px 10px;
}
.propertysummary .links a {
    color: black;
    text-decoration: none;
    font-size: .7em;
    font-weight: bold;
}
.propertysummary .image {
    float: left;
    width: 154px;
    height: 150px;
}
.propertysummary .image img {
    max-height: 109px;
    max-width: 146px;
    margin-top: 5px;
    margin-left: 5px;
}

.normalcase {
    text-transform: none;
}

h1 {
    text-transform: uppercase;
}

.aright {
    text-align: right;
}

.pages a {
    text-decoration: none;
    color: black;
    font-weight: normal;
    font-size: .8em;
}
.pages {
    color: black;
    font-weight: bold;
    font-size: .9em;
}
.pages span {
    font-weight: normal;
}

.interior h1 {
    padding: 0;
    margin: 0;
    background: url('../images/h1bg.gif') repeat-y top left;
    padding-left: 5px;
    margin-bottom: 10px;
    margin-left: 4px;
    color: #42444b;
    font-size: 1.3em;
}

#prop-middle-info {
    float: left;
    width: 30%;
    font-size: .9em;
    margin-left: 30px;
}
#prop-middle-info h3 {
    margin-bottom: 7px;
    margin-top: 10px;
}
#prop-middle-info p {
    line-height: 25px;
}
#prop-right-info {
    width: 200px;
    float: left;
}
#maplink {
    text-align: right;
}
#maplink a{
    font-size: .7em;
    color: black;
    text-decoration: none;
}
#maplink a span {
    text-decoration: underline;
}

.graybox {
    width: 173px;
    font-size: .8em;
}
.graybox h3 {
    font-size: 1.2em;
    text-transform: none;
}
.graybox > .top {
    height: 10px;
    background: url('../images/graybox-top.gif') top left no-repeat;
}
.graybox > .content {
    padding: 1px 5px 1px 10px;
    background: url('../images/graybox-middle.gif') repeat-y;
}
.graybox > .bottom {
    height: 10px;
    background: url('../images/graybox-bottom.gif') bottom left no-repeat;
}

.photoroll {
    position: relative;
    width: 100%;
}
.photoroll .container {
    overflow: hidden;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0px;
    width: 700px;
}
.photoroll ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 10000px;
}
.photoroll ul li {
    display: inline-block;
    margin-right: 10px;
    padding-top: 4px;
    text-align: center;
    width: 90px;
    background: #BBBBBB;
}
.photoroll ul img {
    max-height: 59px;
    max-width: 88px;
    border: 1px solid #BBBBBB;
}
.photoroll .left, .photoroll .right {
    position: absolute;
    top: 10px;
}
.photoroll .left {
    left: 0;
}
.photoroll .right {
    right: 0px;
}
#popupPhotoroll .right {
    right: -10px;
}
#popupPhotoroll > .container {
    margin-left: 28px;
}

#prop-right-info .actions ul li {
    list-style-type: none;
}
#prop-right-info .actions a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: .75em;
    margin-left: 10px;
    position: relative;
    top: 6px;
}
#prop-right-info .actions li {
    width: 158px;
    height: 30px;
    background: url('../images/actions-item.gif') top left;
    position: relative;
}
#prop-right-info .actions li.first {
    background: url('../images/actions-first.gif') top left;
}
#prop-right-info .actions li.last {
    background: url('../images/actions-last.gif') top left;
}

#prop-left-info {
    float: left;
    width: 300px;
    height: 300px;
    position: relative;
}

#prop-left-info .topleft {
    position: absolute;
    top: 0px;
    left: 0px;
}

#map {
    border: 1px solid #CBCDCE;
}

#mainPropImage, #altPropImage, #mainPropImagePopup, #altPropImagePopup {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #CBCDCE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#mainPropImage, #mainPropImagePopup {
    z-index: 2;
}
#altPropImage, #altPropImagePopup {
    z-index: 1;
}

#prop-features .column {
    float: left;
    width: 25%;
}
#prop-features h3 {
    font-size: 1em;
}

#mainpagehead {
    margin-bottom: 6px;
}

#mainpagesubhead {
    color: #052A67;
    margin-left: 75px;
    font-weight: normal;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 30px;
}

#searchboxparent {
    width: 838px;
    height: 332px;
    position: relative;
    background: url('../images/searchbg.jpg') no-repeat top left;
    margin-bottom: 15px;
}

#searchbox {
    width: 531px;
    height: 246px;
    position: absolute;
    background: url('../images/searchbox.png') no-repeat top left;
    top: 42px;
    left: 41px;
}

.searchcontent {
    width: 490px;
    position: absolute;
    top: 50px;
    margin-left: 20px;
    margin-right: 20px;
}

#newbuildershuffle {
    max-width: 180px;
    max-height: 141px;
    border: 1px solid gray;
}

.searchcontent td {
    font-size: .7em;
    font-weight: bold;
}

#searchhomes td a {
    color: black;
    text-decoration: underline;
}

#searchbox a span {
    position: absolute;
    left: 16px;
    bottom: 10px;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: bold;
}

#searchbox a {
    text-decoration: none;
    color: white;
}

#searchbox a.active {
    color: #052A67;
    z-index: 2;
}

#searchbox input, #searchbox select  {
    border: 0;
}

.twocol-innercontentbox > .top {
    background: url('../images/2colinnercontentbox-top.gif') top left no-repeat;
    height: 10px;
}

.twocol-innercontentbox > .content {
    background: url('../images/2colinnercontentbox-middle.gif') top left repeat-y;
    padding: 1px 10px 1px 10px;
}

.twocol-innercontentbox > .bottom {
    background: url('../images/2colinnercontentbox-bottom.gif') bottom left no-repeat;
    height: 10px;
}

.twocol-innercontentbox .right {
    float: right;
    width: 170px;
    padding-right: 3px;
}

.twocol-innercontentbox .left {
    width: 580px;
    padding-left: 10px;
    padding-right: 10px;
}

.onecol-innercontentbox > .top {
    background: url('../images/1col-top.gif') top left no-repeat;
    height: 17px;
}

.onecol-innercontentbox > .content {
    background: url('../images/1col-middle.gif') top left repeat-y;
    padding: 1px 10px 1px 10px;
}

.onecol-innercontentbox > .bottom {
    background: url('../images/1col-bottom.gif') bottom left no-repeat;
    height: 17px;
}

.dbluewidget {
    background: url('../images/dbluewidget-bg.jpg') top left no-repeat;
    height: 396px;
    width: 173px;
    padding: 1px 1px 1px 7px;
}

.dbluewidget h2 {
    font-size: 1em;
    margin-top: 13px;
    margin-bottom: 13px;
}

.dbluewidget h2 img {
    position: relative;
    bottom: -3px;
}

.dbluewidget table {
    font-size: .8em;
    font-weight: bold;
}

.homewidget {
    background: url('../images/homewidget.jpg') top left no-repeat;
    width: 173px;
    position: relative;
}

.homewidget h2 {
    padding-top: 23px;
    margin-left: 5px;
    font-size: 1em;
    color: white;
}

.homewidget ul {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    min-height: 170px;
    list-style-type: none;
    padding-left: 7px;
    background: url('../images/homewidget_middle.jpg') top left repeat-y;
}

.homewidget ul li {
    margin-top: 15px;
    font-size: .9em;
    font-weight: bold;
}

.homewidget ul li.first {
    margin-top: 0px;
}

.homewidget ul li a {
    text-decoration: none;
    color: #003366;
}

.homewidget > .bottom {
    background: url('../images/homewidget_bottom.jpg') bottom left no-repeat;
    height: 49px;
}

a.mortgagecalc {
    text-decoration: none;
}

.mortgagecalc {
    height: 282px;
    width: 173px;
    background: url('../images/mortcalc-gb.jpg') top left no-repeat;
    position: relative;
}

.mortgagecalc h2 {
    position: absolute;
    color: white;
    width: 80%;
    top: 14px;
    margin-top: 14px;
    margin-left: 10px;
    font-size: 1em;
}

.mortgagecalc p {
    position: absolute;
    color: #42444b;
    top: 90px;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
    font-size: .8em;
    padding-left: 10px;
}

a.becomeanagent {
    text-decoration: none;
}

.becomeanagent div {
    width: 173px;
    height: 282px;
    position: relative;
    background: url('../images/becomeanagent-bg.jpg') top left no-repeat;
}

.becomeanagent h2 {
    color: white;
    position: absolute;
    top: 17px;
    margin-top: 14px;
    text-align: center;
    font-size: 1em;
    width: 100%;
}

.becomeanagent p {
    color: #42444b;
    position: absolute;
    top: 70px;
    font-size: .8em;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 10px;
}

.imgreplace li {
    margin-top: 15px;
}

.agentbox {
    height: 208px;
    display: inline-block;
    zoom: 1;
    width: 278px;
    margin-left: 10px;
    margin-top: 10px;
    background: url('../images/agent-box.gif') top left no-repeat;
    position: relative;
}

.agentbox .right img {
    max-height: 100px;
    max-width: 88px;
}

.agentbox h2 {
    position: absolute;
    margin-top: 14px;
    top: -5px;
    left: 12px;
}

.agentbox .left, .agentbox .right {
    margin-top: 40px;
    font-size: .7em;
}

.agentbox .left {
    width: 150px;
    line-height: 17px;
    float: left;
}

.agentbox .right {
    width: 88px;
    margin-right: 8px;
}

/*
    Boxes
*/

.lightroundbox {
    background: url('../images/lightrounded-top-left.gif') top left no-repeat;
}

.lightroundbox .top {
    background: url('../images/lightrounded-top-right.gif') top right no-repeat;
    height: 10px;
}

.lightroundbox .content {
    background: url('../images/lightrounded-right.gif') top right repeat-y;
    padding: 1px 10px 1px 10px;
}

.lightroundbox .bottom {
    background: url('../images/lightrounded-bottom-left.gif') bottom left no-repeat;
    height: 10px;
}

.lightroundbox .bottom span {
    height: 10px;
    display: block;
    background: url('../images/lightrounded-bottom-right.gif') bottom right no-repeat;
}

.blueroundbox {
    background: url('../images/bluebox-top-left.gif') top left no-repeat;
}

.blueroundbox .top {
    background: url('../images/bluebox-top-right.gif') top right no-repeat;
    height: 11px;
}

.blueroundbox .content {
    background: url('../images/bluebox-right.gif') top right repeat-y;
    padding: 1px 10px 1px 10px;
}

.blueroundbox .bottom {
    background: url('../images/bluebox-bottom-left.gif') bottom left no-repeat;
    height: 10px;
}

.blueroundbox .bottom span {
    height: 10px;
    display: block;
    background: url('../images/bluebox-bottom-right.gif') bottom right no-repeat;
}
/*
.inputbox {
    background: url('../images/inputbox-top-left.gif') top left no-repeat;
}


.inputbox .top {
    background: url('../images/inputbox-top-right.gif') top right no-repeat;
    height: 9px;
}

.inputbox .content {
    background: url('../images/inputbox-right.gif') top right repeat-y;
    padding: 1px 5px 1px 5px;
}

.inputbox .bottom {
    background: url('../images/inputbox-bottom-left.gif') bottom left no-repeat;
    height: 9px;
}

.inputbox .bottom span {
    height: 9px;
    display: block;
    background: url('../images/inputbox-bottom-right.gif') bottom right no-repeat;
}
*/

.inputbox {
    height: 34px;
}
.inputbox .left {
    width: 9px;
    height: 34px;
    float: left;
    background: url('../images/inputbox-left.gif') top left no-repeat;
}
.inputbox .right {
    width: 11px;
    height: 34px;
    float: left;
    background: url('../images/inputbox-right.gif') top right no-repeat;
}
.inputbox input, .inputbox select {
    width: 90%;
}

.inputbox .content, .inputbox .content2 {
    min-height: 34px;
    padding-top: 7px;
    float: left;
    width: 80%;
}
.inputbox .content {
    background: url('../images/inputbox-middle.gif') top left repeat-x;
}


#carousel .container {
    position: absolute;
    height: 181px;
    width: 438px;
    left: 90px;
    top: 35px;
    background: url('../images/innerbox.gif') top left;
    overflow: hidden;
}

.active_button {
    cursor: pointer;
}

#featuredcarousel {
    width: 100000px;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

#featuredcarousel li {
    height: 175px;
    width: 126px;
    float: left;
    list-style-type: none;
    margin-left: 10px;
    margin-top: 5px;
    padding-right: 10px;
    font-size: .7em;
    background: url('../images/house-right-border.gif') top right no-repeat;
}

#featuredcarousel li.last {
    padding-right: 10px;
    background: none;
}

#featuredcarousel li img {
    margin: 5px;
    min-height: 90px;
    min-width: 116px;
    height: 90px;
    width: 116px;
}

#featuredcarousel li a {
    color: black;
    text-decoration: none;
}

#featuredcarousel li div.image {
    width: 126px;
    height: 100px;
    background: white;
    margin-bottom: 3px;
}

#featuredcarousel li div.detail {
    background: white;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
}

/*
    Footer nav
*/

#footernav {
    margin: 0px auto;
}

#footernav .top {
    height: 15px;
    background: url('../images/footernav-top.png') no-repeat top left;
}

#footernav .content {
    background: url('../images/footernav-middle.png') repeat-y top left;
    padding: 1px 10px 1px 20px;
    height: 150px;
}

/*
    Footer
*/

#footer .top {
    height: 15px;
    background: url('../images/footerbox-top.png') no-repeat top left;
}

#footer .content {
    background: url('../images/footerbox-middle.png') repeat-y top left;
}

#footer .bottom {
    height: 15px;
    background: url('../images/footerbox-bottom.png') no-repeat bottom left;
}

/*
    Footer links
*/

#footerlinks {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

#footerlinks a {
    color: black;
    text-decoration: none;
    margin-left: 10px;
}

#footerlinks a img {
    vertical-align: middle;
}