.mobileOnly { display: none; }

.desktopHide { display: none; }
.desktopOnly { display: block; }

a:hover{ text-decoration: underline; }

#wrapper{ min-width: 100%;}
	
.page{ width: 100% }
.pageOptions .page, #pageHeader .page, #imageryWrapper .page, .pageWrapper .page { width: 100%; min-width: 800px; padding: 0px 30px; box-sizing: border-box;}
/*.pageOptions .page, #pageHeader .page, #imageryWrapper .page, .pageWrapper .page { width: 100%; padding: 0px 30px; box-sizing:border-box; }*/

#header{ height: 65px; width:100%;}
#wrapper.fullwidth #header{ width: 100%; margin: auto;}
#header #logo{ position: absolute; left: 25px; top: 5px; }
#header #userDropDown{ position: absolute; right: 25px; top: 5px; }

#header #userDropDown ul li{
    display: inline;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-type: none;
}
#header #userDropDown ul li li{
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#header #userDropDown .uDDOptions{ position: absolute; right: -15px; top: 5px; width: 160px; }
#header #userDropDown .uDDOptions a{ padding:  0px 15px; }
#header #userDropDown .uDDOptions a:hover{ color: #1e333f; background-color: #dbdcdc; }


#header #phoneNumber{ position: absolute; right: 25px; top: 30px; color: #ffffff; font-family: Arial, sans-serif; font-size: 18px; }

#navigation{ height: 54px; width:100%;}
#wrapper.fullwidth #navigation{width:100%;}
#navigation #mainMenu { height: 53px; width:1525px; margin-left:auto; margin-right:auto;}
#navigation #mainMenu .navItem{ float: left; }
#navigation #mainMenu .navItem a{ border-right: 1px solid #1e333f; height: 53px; font-size: 16px; }
#navigation #mainMenu .navItem a:hover{ background-color: #c0c0c0; color: #1e333f; }
#navigation #mainMenu .dropdown a:hover { background-image: url('../images/up-arrow.png'); }
#navigation #searchBtn { position: absolute; right: 30px; top: 7px; cursor: pointer; display: block; height: 40px; font-size: 14px; line-height: 40px; padding: 0px 20px 0px 45px; background: url('../images/magnify.png') no-repeat left center #518b8b; background-position: left 20px center; background-position-x: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; text-transform: uppercase; }
#navigation #searchCloseBtn { position: absolute; right: 30px; top: 0px; cursor: pointer; display: none; height: 53px; font-size: 14px; line-height: 53px; padding: 0px 20px 0px 45px; background: url('../images/close.png') no-repeat left 20px center #518b8b; color: #ffffff; text-transform: uppercase; }
#navigation #searchMenu{ position: absolute; left: 0px; top: 53px; right: 0px; padding: 80px 30px 60px; background-color: #528989; display: none; z-index: 998;}
#navigation .overview { display: none; }
#navigation .subMenu{ position: absolute; left: 0px; top: 53px; z-index: 1000; width: 250px; display: none; }

#navigation #mainMenu .subNavItem{ position: relative; height: auto; }
#navigation #mainMenu .subNavItem a, #navigation .subDropMenu a{ position: relative; border-right: 0px; border-top: 1px solid #b3b2b3; display: block; background-color: #c0c0c0; color: #1e333f; font-size: 14px; font-family: Arial, Sans-Serif; text-transform: none; background-image: none; }
#navigation #mainMenu .subNavItem a:hover{ background-color: #1e333f; color: #ffffff; background-image: none; }

#navigation #mainMenu .subdrop a{ background-image: url('../images/right-arrow-blue.png'); }
#navigation #mainMenu .subdrop a:hover { background-image: url('../images/right-arrow-white.png'); }

#navigation .subDropMenu a{ border-right: 0px; border-top: 1px solid #b3b2b3; display: block; background-color: #c0c0c0; color: #1e333f; font-size: 14px; font-family: Arial, Sans-Serif; text-transform: none; background-image: none !Important; }
	
#navigation .subDropMenu{
    display: none;
    position: absolute;
    left: 250px;
    top: 0px;
    width: 250px;
}
	
#bannerWrapper{ min-height: 300px; }
#bannerWrapper #banner{ height: 100%; }
#bannerSearchForm{ padding: 15px 30px 0px; min-height: 225px; align-content: center; text-align: center;}
#bannerSearchAddress, #searchAddress { width: 305px; }
	
.information .bucket { width: 370px; margin-left: 30px; }
.information .double { width: 770px; margin-left: 30px; }
.information .bucketHeader { width: auto; }
.information .bucketContent { position: relative; width: 100%; max-height: 505px; overflow: auto; }
.information .bucketFeature { max-height: 250px; }
.information .fullBucket { max-height: 474px; overflow: auto; }
	
.purpleInfo .bucketHeaderNavigation a:hover{ background-color: #694958; }
.greenInfo .bucketHeaderNavigation a:hover{ background-color: #6b9898; }
.grayInfo .bucketHeaderNavigation a:hover{ background-color: #c5c3c3; }
	
.bucketHeaderDropDown .bhddOption:hover{
	background-color: #1e333f;
	color: #ffffff;
}
	
	
.bucketFeatureRotator{ max-height: 250px; }
.bucketFeatureButton:hover { background: url('../images/bucket-feature-dot.png') no-repeat; }
	
.footerLogo{ margin-left: 30px; }
.footerColumn{ float: left; }
#footerColumn1{ width: 270px; }
#footerColumn2{ width: 270px; }
#footerColumn3{ width: 190px; }
#footerColumn4{ width: 250px; }
	
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{ background-color: #e8e4dd; color: #bc4d34; }
input[type=submit].purple:hover { color: #583547; }

#pageHeader p{ margin-bottom: 0px; }
#pageHeader .actions{ position: absolute; top: 0px; right: 30px; }
#pageHeader .actions a { margin-left: 5px; background-color: #dbdcdc; }
#pageHeader .actions a:hover { background-color: #ffffff;  }

.imageryRotatorWrapper { max-width: 770px; width: 100%; float: left; }
.imageryRotatorWrapper .imageryStage { position: relative; width: 100%; max-height: 470px; overflow: hidden; }
.imageryRotatorWrapper .imageryThumb:hover { border: 5px solid #dc8d3e; z-index: 999; }
.imageryRotatorWrapper .imageryThumbsWrapper {  width: 509px; height: 89px; margin-left: -5px;}
.imageryRotatorWrapper .imageryThumbs { height: 89px; left: 9px; top: 0px;  }
.imageryRotatorWrapper .imageryThumb { width: 79px; height: 79px; border: 5px solid #dbdcdc; margin-left: -9px; }
.imageryRotatorWrapper .active { border: 5px solid #dc8d3e;}
.imageryRotatorWrapper .imageryThumb img { max-width: 79px; max-height: 79px; }
.imageryRotatorWrapper .imageryNext { margin-top: 5px; height: 79px; width: 40px; }
.imageryRotatorWrapper .imageryNext:hover { background-color: #ffffff; }

.realator { width: 370px; margin-left: 30px; min-height: 470px; }

.page .column{ width: 370px; margin-left: 30px; min-height: 120px }
@media (max-width: 1645px) {
    .page .column.col66 {
        width: 370px;
    }
}
.sectionOptions .remove { position: relative;display: block; clear: both; text-align: right; }
.sectionOptions .add { position: absolute; right: 0px; top: 0px; }

.demographicDropDown {
    position: absolute;
    right: 30px;
    top: -15px;
}

.demographics .map{
    width: 270px;
}

.demographics .demographicLabel{
    width: 270px;
}

.demographics .demographicStat{
    width: 120px;
}

.actionColumn{
    width: 270px;
}

.statColumn{
    width: 370px;
    margin-left: 30px;
}

.descriptColumn{
    width: 470px;
    margin-left: 30px;
}

/*Find a member*/
.famDetails{
    position: relative;
    width: 100%;
}

.famDetail{
    position: relative;
    float: left;
    width: 330px;
    margin: 0px 30px 30px 0px;
    background-color: #528b8b;
    text-align: center;
    padding: 20px;
}



.famDetail:nth-child(3n+0){
    margin-right: 0px;
}

.contacts{
    position: relative;
    width: 100%;
}

.contact{
    position: relative;
    float: left;
    width: 370px;
    margin: 0px 30px 30px 0px;
    background-color: #ffffff;
}

/*.contact:nth-child(3n+0){
    margin-right: 0px;
}*/

.contact .agentPhoto{
    position: relative;
    width: 110px;
    height: 125px;
    float: left;
    background-color: #000000;
}

.contact .agentPhoto img{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}


.contact .agentInfo{
    position: relative;
    float: left;
    min-height: 175px;
    padding: 19px 20px 1px 20px;
    width: 220px;
    background-color: #ffffff;
}


.affiliate .agentInfo{
    min-height: 175px;
    width: 330px;
}

.contact .officeInfo{
    position: relative;
    padding: 10px 20px 1px 20px;
    width: 330px;
    background-color: #dbdcdc;
}

.contact .officeInfo h4{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact .delete{
    background: url("../images/remove-listing.png") no-repeat;
    cursor: pointer;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 19px;
    display: block;
}

.contact .add{
    background: url("../images/add-listing-gray.png") no-repeat;
    cursor: pointer;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 19px;
    display: block;
}

.addressLetter{
    width: 20px;
    text-align: center;
    color: #518b8b;
    font-weight: 700;
}

 .emptyLetter{
    font-weight: normal;
    color: #c0c0c0;
}

.activeLetter, a.addressLetter:hover{
    background-color: #518b8b;
    text-decoration: none;
    color: #ffffff;
}
@media (max-width: 1237px) {
    /*.page .column {
        margin-left: 0;
        clear: both;
    }*/
    /*.realator {
        margin-left: 0;
    }*/
    /*.pageOptions .page, #pageHeader .page, #imageryWrapper .page, .pageWrapper .page { width: 100%; padding: 0px 30px; box-sizing:border-box; }*/
}
@media (max-width: 1300px) {
    /*.sectionOptions .remvove {
        top: -20px;
    }*/
}
@media (max-width: 1646px) {
    .realator {
        margin-left: 0;
        clear: both;
        width: 100%;
        min-height: inherit;
    }
}
#propertyInformationWrapper .map .pageWrapper .page,#propertyInformationWrapper .map #imageryWrapper .page, #propertyInformationWrapper .map .pageOptions .page,#propertyInformationWrapper .map #pageHeader .page{
    width: 100%;
    box-sizing: border-box;
    max-width: 1230px;
}
#propertyInformationWrapper {
    min-width: calc(1230px - 400px);
}
#imageryWrapper .page {
width: 100%;
}