@charset "UTF-8";

div#navSrch {height: 28px;}
div#navSrch span {font-size: 12px; line-height: 1.3em;}
div#navSrch span.back {float: left;}
div#navSrch span.prevNext {float: right;}
div#navSrch span.prevNext span.listingCount {padding: 0 12px;}

#colMain {float: left; width: 727px;}
#colRail {float: right; width: 193px;}
#colMain .colLeft {float: left; width: 442px; overflow: hidden;}
#colMain .colRt {float: right; width: 260px;}

/* Main: Left Col */
#photoWrap {}
#photoBox {padding-bottom: 16px; background-image: url("../img/listing/bgShadPhotoMap.gif"); background-repeat: no-repeat; background-position: 0 bottom;}
#photoBox img.photo {border: 1px solid #E6E6CB;}

.photoMapSubNav {height: 33px; border-bottom: 3px double #D0E7F2;}
.photoSubNav {margin: -5px 0 0 0;}
.mapSubNav {margin: -5px 0 0 0;}
.photoMapSubNav span.label {float: left; display: inline; padding: 4px 5px 4px 0; font-size: 10px; line-height: 1.3em; text-transform: uppercase;}
.photoMapSubNav .but {float: left; display: inline; padding: 4px 6px; font-size: 10px; line-height: 1.3em; text-transform: uppercase;}
.photoMapSubNav a.active {background-color: #2B92C4; color: #fff;}
.photoMapSubNav span.prevNext {float: right; padding: 3px 0 0 0; font-size: 12px; line-height: 1.3em;}
.photoMapSubNav span.prevNext span.photoCount {padding: 0 12px;}
.photoMapSubNav span.prevNext a {font-weight: bold;}

#thumbs {width: 445px; margin: 10px 0 0 0; padding-bottom: 5px; border-bottom: 3px double #D0E7F2;}
#thumbs a.thumb {float: left; display: inline; margin: 0 5px 5px 0; border: 2px solid #e7f3f8;}
#thumbs a.thumb.on,#thumbs a.thumb:hover {border-color: #F27B19;}
a.thumb:hover, #btnPhotoNext {cursor:pointer}

#mapWrap {}
#mapBox {padding-bottom: 16px; background-image: url("../img/listing/bgShadPhotoMap.gif"); background-repeat: no-repeat; background-position: 0 bottom;}
#mapBorder {border: 1px solid #E6E6CB;}


.colLeft h2.hedDescBlock {padding-bottom: 5px; margin: 25px 0 0 0; border-bottom: 1px solid #D0E7F2;}
.colLeft p.descBlock {font-size: 12px; line-height: 1.3em; margin: 10px 0 1em 0;}

ul#iconsSocial {padding: 10px 0 30px 0;}
ul#iconsSocial li {float: left; display: inline; margin-right: 10px;}
ul#iconsSocial li a {float: left; display: inline; width: 20px; height: 17px; background-image: url("../img/listing/iconsSocial.png"); background-repeat: no-repeat;}
ul#iconsSocial li.twitter a {width: 14px; background-position: 0 0;}
ul#iconsSocial li.twitter a:hover {background-position: 0 -21px;}
ul#iconsSocial li.facebook a {width: 17px; background-position: -23px 0;}
ul#iconsSocial li.facebook a:hover {background-position: -23px -21px;}
ul#iconsSocial li.delicious a {width: 17px; background-position: -49px 0;}
ul#iconsSocial li.delicious a:hover {background-position: -49px -21px;}
ul#iconsSocial li.aim a {width: 17px; background-position: -74px 0;}
ul#iconsSocial li.aim a:hover {background-position: -74px -21px;}
ul#iconsSocial li.stumbleupon a {width: 17px; background-position: -100px 0;}
ul#iconsSocial li.stumbleupon a:hover {background-position: -100px -21px;}
ul#iconsSocial li.yahoo a {width: 17px; background-position: -126px 0;}
ul#iconsSocial li.yahoo a:hover {background-position: -126px -21px;}
ul#iconsSocial li.aol a {width: 17px; background-position: -150px 0;}
ul#iconsSocial li.aol a:hover {background-position: -150px -21px;}
ul#iconsSocial li.gmail a {width: 17px; background-position: -177px 0;}
ul#iconsSocial li.gmail a:hover {background-position: -177px -21px;}
ul#iconsSocial li.msn a {width: 17px; background-position: -202px 0;}
ul#iconsSocial li.msn a:hover {background-position: -202px -21px;}
ul#iconsSocial li.tumblr a {width: 17px; background-position: -228px 0;}
ul#iconsSocial li.tumblr a:hover {background-position: -228px -21px;}

div.box {padding: 15px; background-color: #fff;}
div.box .byPhone {padding: 0 0 18px 77px; background-image: url("../img/listing/postitPhone.png"); background-repeat: no-repeat; background-position: 0 0;}
div.box .byPhone h3 {padding: 0 0 3px 0; margin: 0 0 8px 0; font-size: 25px; line-height: 1.3em; color: #000; border-bottom: 1px solid #E6E6E6;}
div.box .byPhone span.name {display: block; font-size: 12px; line-height: 1.3em;}
div.box .byPhone span.phone {display: block; font-size: 12px; line-height: 1.3em;}
div.box .byEmail {padding: 0 0 15px 77px; background-image: url("../img/listing/postitEmail.png"); background-repeat: no-repeat; background-position: 0 0;}
div.box .byEmail h3 {padding: 20px 0 0 0; font-size: 25px; line-height: 1.3em; color: #000;}

div.boxContactOwner input,div.boxContactOwner textarea {padding: 5px 0 5px 3px; margin-bottom: 7px; color: #ccc; border: 1px solid #999; font-size: 12px;}
.boxContactOwner input.name {width: 405px;}
.boxContactOwner input.email {width: 405px;}
.boxContactOwner textarea.msg {width: 405px; height: 120px;}
.boxContactOwner input.sbmt {width: 85px; margin: 0 0 0 325px; color: #fff; font-size: 12px; text-align: center; background-color: #217594; border: 1px solid #206E93; background-image: url("../img/common/bgGradSbmtButs.png"); background-repeat: repeat-x; background-position: 0 -81px; cursor: hand; cursor: pointer;}
.boxContactOwner input.sbmt:hover {background-color: #2989ae; background-position: 0 -120px;}

/* Main: Right Col */
#propDetsWrap a.agentProtect {display: block; height: 26px; width: 260px; margin-bottom: 15px; background-image: url("../img/listing/agentProtected.png"); background-repeat: no-repeat; background-position: 0 0;}
#propDetsWrap a.agentProtect:hover {background-position: 0 -40px;}
#propDetsWrap h1#title {margin: 0 0 15px 0;}
#propDetsWrap p#address {margin: 0 0 15px 0;}
#propDetsWrap span.price {display: block; font-size: 25px; line-height: 1.3em; font-weight: bold; color: #000;}
#propDetsWrap span.price .sub {font-size: 10px; line-height: 1.3em; font-weight: normal; text-transform: uppercase;}
table#propDets {margin: 0 0 20px 0; font-size:1em;}
table#propDets tr {border-bottom: 1px solid #D0E7F2;}
table#propDets th {width: 120px; padding: 4px 0;}
table#propDets td {width: 140px; padding: 4px 0; font-weight: bold;}

.colRt div.box {margin-bottom: 20px;}
.colRt div.box h3 {padding: 0 0 10px 0; border-bottom: 1px solid #E6E6E6; font-size: 16px; line-height: 1.3em; font-weight: bold;}
.colRt div.box p.para {margin: 14px 0 0 0;}
.colRt div.boxEmailAlerts p.directs {margin: 14px 0 10px 0;}
div.boxEmailAlerts input {padding: 5px 0 5px 3px; margin-bottom: 7px; color: #ccc; border: 1px solid #999; font-size: 12px;}
.boxEmailAlerts input.name {width: 225px;}
.boxEmailAlerts input.email {width: 225px;}
.boxEmailAlerts input.sbmt {width: 85px; margin: 0 0 0 145px; color: #2B92C4; font-size: 12px; text-align: center; background-color: #e4e4c7; border: 1px solid #BFBF9B; background-image: url("../img/common/bgGradSbmtButs.png"); background-repeat: repeat-x; background-position: 0 0; cursor: hand; cursor: pointer;}
.boxEmailAlerts input.sbmt:hover {background-color: #edecd9; background-position: 0 -40px;}



/* Right Rail */
#colRail div.box {margin-bottom: 20px;}
#colRail div.box h3 {padding: 0 0 10px 0; border-bottom: 1px solid #E6E6E6; font-size: 16px; line-height: 1.3em; font-weight: bold;}
#colRail div.box p.para {margin: 14px 0 0 0;}
div.boxControls {height: 58px;}
div.boxControls a.but {float: left; display: inline; width: 48px; padding: 50px 0 0 0; color: #A1CFE5; font-size: 10px; line-height: 1.3em; text-align: center; text-transform: uppercase; background-image: url("../img/common/postitNotes.png"); background-repeat: no-repeat; background-position: 3px -1000px;}
div.boxControls a.but:hover {color: #2B92C4;}
div.boxControls a.but.butPrint {margin-right: 7px; background-position: 0 0;}
div.boxControls a.but.butPrint:hover {background-position: 0 -72px;}
div.boxControls a.but.butShare {margin: 0 3px; background-position: -57px 0;}
div.boxControls a.but.butShare:hover {background-position: -57px -72px;}
div.boxControls a.but.butEmail {margin-left: 6px; background-position: -114px 0;}
div.boxControls a.but.butEmail:hover {background-position: -114px -72px;}
div.box.boxMoreInfo span.name {display: block; font-size: 12px; line-height: 1.3em;}
div.box.boxMoreInfo span.phone {display: block; font-size: 12px; line-height: 1.3em;}
div.box.boxMoreInfo span.sendEmail {display: block; margin: 12px 0 0 0; font-size: 12px; line-height: 1.3em;}
div.box.boxMoreInfo input,div.box.boxMoreInfo textarea {padding: 5px 0 5px 3px; margin-bottom: 7px; color: #ccc; border: 1px solid #999; font-size: 12px;}
.box.boxMoreInfo input.name {width: 158px;}
.box.boxMoreInfo input.email {width: 158px;}
.box.boxMoreInfo textarea.msg {width: 158px; height: 80px;}
.box.boxMoreInfo input.sbmt {width: 85px; margin: 0 0 0 78px; color: #fff; font-size: 12px; text-align: center; background-color: #217594; border: 1px solid #206E93; background-image: url("../img/common/bgGradSbmtButs.png"); background-repeat: repeat-x; background-position: 0 -81px; cursor: hand; cursor: pointer;}
.box.boxMoreInfo input.sbmt:hover {background-color: #2989ae; background-position: 0 -120px;}

div.boxAdSquare {padding: 5px; text-align: center;}

#colRail div.boxOtherProps h3 {border: none;}
div.boxOtherProps div.prop {padding: 15px 0 10px 0; border-top: 1px solid #E6E6E6;}
div.boxOtherProps div.prop a.propThumb img {border: 1px solid #E6E6CB; margin-bottom: 3px;}

/* streetadvisor.com */
#saRating span{font-size:25px;}
#saRating{font-size:16px;font-weight:bold;color:#F78F1E;text-align:right;margin:20px 0;}
#saMetrics{float:left;width:100%}
#saLinks{margin: 15px 0;}

/* Email Lightbox */
#lbEmail {display: none;}
#lbEmailBox {padding: 0 15px 15px 15px; background-color: #fff;}
#lbEmailWrap img.postit {position: absolute;}
#lbEmailWrap h2.sectHed {padding: 10px 0 5px 55px; margin: 0 0 20px 0; font-size: 16px; line-height: 1.3em; font-weight: bold; border-bottom: 3px solid #e6e6e6;}
#lbEmailWrap div.errorSuccess p {padding-left: 10px;}
#lbEmailWrap div.formRow {clear:both; overflow: auto; padding: 6px 0;}
#lbEmailWrap div.formRow label {float: left; display: inline; width: 200px; padding: 3px 0 0 0; font-size: 12px; line-height: 1.3em;}
#lbEmailWrap div.formRow .inputs {float: left; display: inline; width: 340px; font-size: 12px; line-height: 1.3em;}
#lbEmailWrap div.formRow input,#lbEmailWrap div.formRow textarea {width: 250px; padding: 4px 0 4px 4px; margin: 0 0 0 0; border: 1px solid #999; font-size: 12px;}
#lbEmailWrap div.formRow select {margin: 0; border: 1px solid #999; font-size: 12px;}
#lbEmailWrap div.formRow.errRow input,#lbEmailWrap div.formRow.errRow textarea {border-color: #F00; color: #F00; background-color: #FFE8E8;}
#lbEmailWrap div.formRow.errRow label {color: #F00;}
#lbEmailWrap div.formRow textarea.msg {height: 120px; width: 330px;}
.lbEmailSubmitWrap {padding: 15px 0 0 0; text-align: center;}
.lbEmailSubmitWrap input.sbmt {height: 49px; width: 230px; margin: 0; padding: 0 0 0 14px; border: 0; background-color: transparent; color: #fff; font-size: 25px; line-height: 1.3em; font-weight: bold; text-decoration: none; text-align: left; background-image: url("../img/common/butsFootSbmt230.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: hand; cursor: pointer;}
.lbEmailSubmitWrap input.sbmt:hover {background-position: 0 -64px; text-decoration: none;}
