/* CSS Document */

/* ------- TABLE OF CONTENTS ------------

    Project:  	Custom Base    
   Packaged: 	
    Version: 	v1.0
     Author: 	Matt Johnson
Last Change:    
Primary Use:    Custom Site Base
 
1. Import
2. Structure
3. PageSpecific
4. Typography

---------- END TABLE OF CONTENTS -------*/

/* 1. Import 
----------------------------------------*/
@import url("/css/imports/global.css"); /* import the global style sheet  */
@import url("/css/imports/reset.css"); /* import the reset style sheet  */
@import url("/css/imports/Forms.css"); /* import the forms style sheet  */
@import url("/css/imports/SiteMap.css");/* Site Map */

@font-face {
    font-family: 'MuseoSlab500';
    src: url('/fonts/Museo_Slab_500-webfont.eot');
    src: url('/fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('/fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('/fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('/fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* jQuery Browser Sniffer --- attaches 2 classes to your body tag to say what browser and what version is being used so you've got 2 levels of granularity. Possible values are... */
.browserIE, .browserIE6, .browserIE7, .browserIE8, .browserChrome, .browserSafari, .browserFirefox { }

/* 2. Structure 
----------------------------------------*/
* { margin: 0px; padding: 0px; }
body { background: url("/images/background.jpg") repeat; margin: 0px; padding: 0px; }
.container { position: relative; }


/* Header 
----------------------------------------*/
.header { height:111px; float: left; position:relative; background: url("/images/bg-header.jpg") repeat-x; width: 100%; }
.header a.logo { position:absolute; top:8px; text-indent: -9999em; background: url("/images/grundyLogo.jpg") no-repeat; width: 150px; height: 93px; }
.header p { float: right; font: bold 14px/14px Arial, "Helvetica Neue", sans-serif; color: #605640; text-shadow: #FFF 1px 1px 0; text-align: right; display: block; }
.header h1 { font: italic 20px/22px Georgia, "Times New Roman", Times, serif; color: #28241b; text-shadow: #FFF 1px 1px 0; text-align: right; float: right; display: block; width: 100%; margin: 30px 0 5px; }


/* Navigation 
----------------------------------------*/
.bg-navigation { float: left; width: 100%; height: 56px; background: url("/images/bg-navigation.jpg") repeat-x; }
ul.navigation { margin: 0 auto 5px auto; width: 960px; height: 51px; position:relative; padding:0; list-style:none; }
ul.navigation li { float:left; position: relative; width: auto; padding: 0px; margin: 0px; }
ul.navigation li.seperator { width: 2px; height: 51px; background: url("/images/seperator.jpg") no-repeat; }
ul.navigation li a { display:block; height:51px; text-decoration:none; padding:0 12px 0 11px; font: normal 15px/52px "MuseoSlab500", Rockwell, Georgia, serif; color: #3f3b31; text-shadow: #FFF 1px 1px 0; background: url("/images/navLink.jpg") 0 51px repeat-x; }
ul.navigation li a:hover { background-position: 0 0; color: #1e4181; }
ul.navigation li a span.arrow { display: none; background: url("/images/arrow.jpg") no-repeat; width: 9px; height: 7px; left: 50%; margin-left: -4px; bottom: 26px; position: absolute; z-index: 150; }
ul.navigation li a.nav01, ul.navigation li a.nav09 { padding: 0 12px; }

/* active states */
body.index .navigation a.nav01, body.Us .navigation a.nav02, body.listings .navigation a.nav03, body.agent-directory .navigation a.nav04, body.templateid120Sellers .navigation a.nav05, body.templateid121Buyers .navigation a.nav06, body.templateid122Resource .navigation a.nav07, body.Grundy .navigation a.nav08, body.contact-us .navigation a.nav09 { background-position: 0 -51px; line-height: 14px; padding-top: 15px; }
body.index .navigation a.nav01 span.arrow, body.Us .navigation a.nav02 span.arrow, body.listings .navigation a.nav03 span.arrow, body.agent-directory .navigation a.nav04 span.arrow, body.templateid120Sellers .navigation a.nav05 span.arrow, body.templateid121Buyers .navigation a.nav06 span.arrow, body.templateid122Resource .navigation a.nav07 span.arrow, body.Grundy .navigation a.nav08 span.arrow, body.contact-us .navigation a.nav09 span.arrow { display: block; }

/* Marketing Message
----------------------------------------*/
.main .scrollable { float: left; position: relative; width: 916px; background: url("/images/bg-marketingMessage.jpg") repeat-x; border: 1px solid #0c2959; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; height: 209px; border-bottom: 0px; }
.images { float: left; position: relative; width: 895px; height: 190px; margin: 9px 0 0 10px; overflow: visible;}
.images div.slides { display: none; position: absolute; top: 0; left: 0; } 
.images div.slides img { box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000; }
ul.scrollTabs { float: left; margin: 0 0 25px 0; height: 54px; padding: 0px; width: 918px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; background: url("/images/bg-mmNav.jpg") repeat-x; list-style: none;  }
ul.scrollTabs li { float: left; width: 25%; text-align: center; }
body.browserIE7 ul.scrollTabs li { width: 24% !important; }
ul.scrollTabs li a { display: block; color: #b9c4d3; text-decoration: none; text-shadow: #061120 1px 1px 0; font: normal 15px/56px "MuseoSlab500", Rockwell, Georgia, serif; }
ul.scrollTabs li a:hover { color: #FFF; }
ul.scrollTabs li a.current { color: #FFF; font-weight: bold; background: url("/images/bg-mmNavActive.jpg") center top no-repeat; }
.ftImg { float: left; height: 190px; line-height: 190px; max-width: 250px; }
.ftImg img { max-height: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width: 100%; line-height: 190px;}
.browserIE7 .ftImg img,.browserIE7 .ftImg { height: 190px; width: auto; }
.browserIE7 .ftDesc { width: 625px; }
.ftDesc { float: right; width: 575px; margin: 10px 0 0 20px; text-shadow: #000 1px 1px 0; }
.ftDesc a { color: #FFF !important; }
.ftDesc h1 { color: #FFF; margin-bottom: 0px; font-size: 22px; }
.ftDesc h2 { color: #FFF; font-size: 12px; text-transform: uppercase; float: left; clear: both; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #1e4e8f; padding: 4px 8px; opacity: .75; -moz-opacity: .75; -khtml-opacity: .75; filter: alpha(opacity = 75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; box-shadow: inset 0 0 4px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.5); }
.ftDesc p { color: #FFF; opacity: .75; -moz-opacity: .75; -khtml-opacity: .75; filter: alpha(opacity = 75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.browserIE7 .ftDesc p { font-size: 13px; }
.ftDesc h1 a, .ftDesc a#btnSearch  { color: #FFF; text-decoration: none; }
.ftDesc h1 a:hover, .ftDesc a#btnSearch:hover { text-decoration: underline; }


/* Content Area
----------------------------------------*/
.main { float: left; width: 918px; min-height: 700px; background: #FFF; padding: 21px; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; font-size: 13px; line-height: 24px; }
.sidebar { float: left; width: 184px; margin-right: 17px; }
.sidebar img { margin: 0 0 10px; }
.content { float: left; width: 717px; min-height: 600px; }
body.index .content { min-height: 0px; }
.main h1.title { width: auto; float: left; }

/* Breadcrumbs
----------------------------------------*/
#mp_backlinks, #btnSearch { float: right; width: auto; margin-bottom:15px; padding: 6px 15px 10px; background: #1a947e; background-image: -moz-linear-gradient(top, #1a947e 0%, #0e6756 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a947e), color-stop(100%,#0e6756)); background-image: -webkit-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -o-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -ms-linear-gradient(top, #1a947e 0%,#0e6756 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a947e', endColorstr='#0e6756',GradientType=0 ); background-image: linear-gradient(top, #1a947e 0%,#0e6756 100%); color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #094234; text-shadow: #004a3d 1px 1px 0; font-size: 12px; font-weight: bold; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);}
#mp_backlinks a {text-decoration: none; color: #b9d9d4; font-weight: bold; font-size: 12px; }
#mp_backlinks span {margin: 0 5px; font-weight: normal; font-size: 14px;}
#mp_backlinks a:hover { text-decoration: underline; }
#btnSearch { float: left; margin: 0px; cursor: pointer; padding-bottom: 6px;}
a.btn { padding: 6px 15px 10px; background: #1a947e; background-image: -moz-linear-gradient(top, #1a947e 0%, #0e6756 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a947e), color-stop(100%,#0e6756)); background-image: -webkit-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -o-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -ms-linear-gradient(top, #1a947e 0%,#0e6756 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a947e', endColorstr='#0e6756',GradientType=0 ); background-image: linear-gradient(top, #1a947e 0%,#0e6756 100%); color: #FFF !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #094234; text-shadow: #004a3d 1px 1px 0; font-size: 12px; font-weight: bold; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); text-decoration: none !important;}
a.btn:hover { text-decoration: underline !important; }

/* Realtor Blocks
----------------------------------------*/
.four-blocks { float: left; width: 717px; height: 184px; margin: 0 0 20px 0; box-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.open-house { float: left; width: 180px; height: 184px; text-indent: -9999em; background: url("/images/openHouses.jpg") no-repeat;}
a.book-viewing { float: left; width: 179px; height: 184px; text-indent: -9999em; background: url("/images/bookViewing.jpg") no-repeat; }
a.gnb { float: left; width: 179px; height: 184px; text-indent: -9999em; background: url("/images/gnb.jpg") no-repeat; }
a.community { float: left; width: 179px; height: 184px; text-indent: -9999em; background: url("/images/communityInfo.jpg") no-repeat; }
.four-blocks a:hover { background-position: 0 -184px; }


/* Footer Area
----------------------------------------*/
.footer { float: left; width: 918px; border-top: 1px solid #cccccc; padding: 25px 0 0; margin: 20px 0 0; text-align: center;}
.footer p {font-size: 12px; color: #555; }
ul.footerNav { float: left; text-align: center; width: 918px; list-style: none; padding: 0px; margin: 0 0 5px; }
ul.footerNav li { display: inline; }
ul.footerNav a { width: auto; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #555; text-decoration: none; }
ul.footerNav li small { margin: 0 4px; }
ul.footerNav a:hover { color: #112850; text-decoration: underline; }


/* Listing Styles
----------------------------------------*/
ul.listings { float: left; width: 918px; list-style: none; margin: 0px; padding: 0px; }
ul.listings li { float: left; position: relative; width: 888px; padding: 15px; margin: 0 0 10px 0; background: #f9f8f4; background-image: -moz-linear-gradient(top, #f9f8f4 0%, #e8e6e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f4), color-stop(100%,#e8e6e2)); background-image: -webkit-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -o-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -ms-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f4', endColorstr='#e8e6e2',GradientType=0 ); background-image: linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); border: 1px solid #aea99c; box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.listings li.sold { opacity: .5; -moz-opacity: .5; -khtml-opacity: .5; filter: alpha(opacity = 50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.listImg { float: left; width: 125px; margin: 0 15px 0 0; border: 1px solid #aea99c; padding: 2px; background: #FFF;}
.listImg img { width: 100%; }
.mainInfo { float: left; width: 742px; margin: 0 0 10px 0; }
.listLocation { float: left; }
.listLocation h1 { font: normal 24px "MuseoSlab500", Rockwell, Georgia, serif; margin: 0px; }
.listLocation h1 small { font-size: 14px; }
.listLocation h1 a { color: #113674; }
.listLocation h2 { font: bold 12px Arial, Helvetica, sans-serif; color: #807b6e; text-shadow: #FFF 1px 1px 0; text-transform: uppercase; margin: 0px; }
ul.listings li.sold .listLocation h2, small.red { color: #900; }
.listPrice { float: right; font: bold 18px/30px "MuseoSlab500", Rockwell, Georgia, serif; color: #900; text-shadow: #FFF 1px 1px 0; }
ul.listings li.sold .listPrice, span.priceReduc { text-decoration: line-through; }
span.priceReduc { opacity: .5; -moz-opacity: .5; -khtml-opacity: .5; filter: alpha(opacity = 50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.listDesc { float: left; margin-top: 5px; width: 703px; color: #404040; font: normal 13px/18px Arial, Helvetica, sans-serif; text-shadow: #FFF 1px 1px 0; }

ul.listings li.map, .top-listing { border: 1px solid #69B3EF; background: #ddf1f9; background-image: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ddf1f9)); background-image: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 100%); background-image: -o-linear-gradient(top, #feffff 0%,#ddf1f9 100%); background-image: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ddf1f9',GradientType=0 ); background-image: linear-gradient(top, #feffff 0%,#ddf1f9 100%); box-shadow: inset 0 0 5px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 5px rgba(255,255,255,1); -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1), 0 1px 2px #A1D5EA;}
ul.listings li.map img { width: 886px; border: 1px solid #69B3EF; box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 0 #FFF; }
.top-listing div.seperator { float: left; height: 0px; margin: 12px 0 10px; }
body.browserIE7 .top-listing h1 { float: left; }
.search-con { width: 100%; float: left; display: block;}
body.browserIE7 .top-listing { float: left; width: 677px; margin-bottom: 20px; }
body.browserIE7 .top-listing div.seperator { float: left; }
#map_canvas { float: left;height: 200px; width: 200px; margin: 0 0 20px 0; }

/* Property Search
----------------------------------------*/
ul.propertySearch { float: left; margin: 0 0 15px 0; border: 1px solid #69B3EF; background: #ddf1f9; background-image: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ddf1f9)); background-image: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 100%); background-image: -o-linear-gradient(top, #feffff 0%,#ddf1f9 100%); background-image: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ddf1f9',GradientType=0 ); background-image: linear-gradient(top, #feffff 0%,#ddf1f9 100%); box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; position: relative; width: 888px; padding: 15px; }
ul.propertySearch li.seperator, .top-listing div.seperator, ul.propertySearch li.search div.seperator { border-top: 1px solid #a1d0f6; border-bottom: 1px solid #FFF; float: left; width: 100%; margin: 10px 0; height: 0px; }
ul.propertySearch li.priceSort { float: left; width: 250px; }
.browserIE7 ul.propertySearch li { font-size: 13px; }
ul.propertySearch li.priceSort select.priceSort { width: 225px; padding: 3px; border: 1px solid #69B3EF; box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 0 #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.propertySearch li.search { float: left; clear: both; width: 100%; }
ul.propertySearch li.search input.text { padding: 3px; height: 17px; box-shadow: 0 1px 0 rgba(255,255,255,1); border: 1px solid #69B3EF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
body.listings div.radios { float: left; width: 100%; clear: both; margin-bottom: 10px; }


/* Listing Ribbons
----------------------------------------*/
.ribbon { position: absolute; width: 108px; height: 108px; top: -2px; left: -2px; }


/* Listing Details
----------------------------------------*/
.agent { float: left; width: 180px; padding: 30px 20px 20px; margin: 0 20px 0 0; background: #f9f8f4; background-image: -moz-linear-gradient(top, #f9f8f4 0%, #e8e6e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f4), color-stop(100%,#e8e6e2)); background-image: -webkit-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -o-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); border: 1px solid #aea99c; box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; }
.browserIE7 .agent { background: #f9f8f4; }
.agent img { max-width: 125px; padding: 2px; border: 1px solid #aea99c; background: #FFF; }
ul.agentInfo { float: left; margin: 10px 0 0; padding: 0px; list-style: none; background: none !important; }
ul.agentInfo li { float: left; width: 180px; border-bottom: 1px solid #aea99c; font-size: 12px; border-top: 1px solid #FFF; padding: 5px 0; line-height: 24px; }
ul.agentInfo li.first, ul.agentInfo li:first-child { border-top: 0px; line-height: 18px; }
ul.agentInfo li:last-child { border-bottom: 0px; }
ul.agentInfo li.name { color: #060; font-weight: bold; font-size: 15px; text-align: center; }
ul.agentInfo li.name small { color: #333; font-weight: bold; font-size: 12px; display: block; }
ul.agentInfo li.phone { background: url("/images/phone-icon.png") 4px 8px no-repeat !important; padding: 5px 0 5px 30px; width: 145px !important; font-size: 12px; font-weight: bold; color: #333; }
ul.agentInfo li.email { background: url("/images/icon-email.png") 4px 12px no-repeat !important; padding: 5px 0 5px 30px; width: 145px !important; font-size: 12px; font-weight: bold; color: #333; }
ul.agentInfo li.website { background: url("/images/icon-link.png") 4px 7px no-repeat !important; padding: 5px 0 5px 30px; width: 145px !important; font-size: 12px; font-weight: bold; color: #333; }

.details, .viewingDetails { float: left; width: 634px; padding: 20px; background: #f9f8f4; background-image: -moz-linear-gradient(top, #f9f8f4 0%, #e8e6e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f4), color-stop(100%,#e8e6e2)); background-image: -webkit-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -o-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -ms-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f4', endColorstr='#e8e6e2',GradientType=0 ); background-image: linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); border: 1px solid #aea99c; box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; }
.viewingDetails { width: 677px; }
.viewingDetails .listImg { float: left; }
.viewingDetails .mainInfo { width: 482px; }
.photoGall { float: left; width: 388px; margin: 0 15px 0 0; }
.photoGall .panes { width: 388px; }
.photoGall .panes img { display: none; float: left; padding: 3px; margin: 0 0 10px 0; border: 1px solid #aea99c; background: #FFF; }
ul.tabs { float: left; width: 388px; list-style: none; margin: 0px; padding: 0px; }
ul.tabs li { float: left; width: 59px; margin-right: 5px; height: 57px; }
ul.tabs li img { width: 53px; border: 1px solid #aea99c; padding: 2px; background: #FFF; max-height: 46px; }
.details .features { float: left; width: 229px; }
.details .features h1 { margin: 0 0 5px 0; font-size: 20px; }
.details .features ul { margin: 0px; padding: 0px; float: left; list-style: none; }
.details .features ul li { float: left; display: block; width: 100%; font-size: 13px; line-height: 22px; }

.propLinks { float: left; width: 614px; margin: 15px 0; padding: 10px; background: #f9f8f4; background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f9f8f4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#f9f8f4)); background-image: -webkit-linear-gradient(top, #FFFFFF 0%,#f9f8f4 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%,#f9f8f4 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0%,#f9f8f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f9f8f4',GradientType=0 ); background-image: linear-gradient(top, #FFFFFF 0%,#f9f8f4 100%); border: 1px solid #aea99c; box-shadow: inset 0 0 5px #FFF; -moz-box-shadow: inset 0 0 5px #FFF; -webkit-box-shadow: inset 0 0 5px #FFF; }
.propLinks .seperator { float: left; clear: both; width: 100%; border-top: 1px solid #d2cdbe; border-bottom: 1px solid #FFF; margin: 10px 0 15px; }
.propLinks h2 { line-height: 30px; margin: 0px; }
a.reqDisc { float: left; padding: 7px 12px; color: #FFF !important; text-decoration: none !important; text-shadow: 0 -1px 0 #000; font: bold 13px Arial, Helvetica, sans-serif; background: #a90329; background-image: -moz-linear-gradient(top, #a90329 0%, #7c0000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#7c0000)); background-image: -webkit-linear-gradient(top, #a90329 0%,#7c0000 100%); background-image: -o-linear-gradient(top, #a90329 0%,#7c0000 100%); background-image: -ms-linear-gradient(top, #a90329 0%,#7c0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#7c0000',GradientType=0 ); background-image: linear-gradient(top, #a90329 0%,#7c0000 100%); border: 1px solid #4F0200; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
a.reqDisc:hover { background: #a90329; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }

a.reqShowing { float: left; cursor: pointer; padding: 7px 11px; margin: 0 9px; color: #FFF !important; text-decoration: none !important; text-shadow: 0 -1px 0 #000; font: bold 13px Arial, Helvetica, sans-serif; background: #013872; background-image: -moz-linear-gradient(top, #013872 0%, #001847 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013872), color-stop(100%,#001847)); background-image: -webkit-linear-gradient(top, #013872 0%,#001847 100%); background-image: -o-linear-gradient(top, #013872 0%,#001847 100%); background-image: -ms-linear-gradient(top, #013872 0%,#001847 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013872', endColorstr='#001847',GradientType=0 ); background-image: linear-gradient(top, #013872 0%,#001847 100%); border: 1px solid #000; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
a.reqShowing:hover { background: #013872; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }

.propLinks a.last { margin: 0px; }

.propDesc { float: left; width: 634px; font-size: 13px; }
.propDesc h1 { font-size: 20px; margin: 0 0 5px 0; }

ul.school { list-style: none; float: left; width: 634px; margin: 10px 0 0 0; padding: 0px; background: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
ul.school li { float: left; width: 610px; padding: 7px 12px; border-bottom: 1px solid #DDD; color: #444; font-size: 12px; font-weight: bold;}
ul.school li.titleBar { float: left; width: 610px; padding: 10px 12px 12px; background: #333; background-image: -moz-linear-gradient(top, #333333 0%, #111111 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); background-image: -webkit-linear-gradient(top, #333333 0%,#111111 100%); background-image: -o-linear-gradient(top, #333333 0%,#111111 100%); background-image: -ms-linear-gradient(top, #333333 0%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); background-image: linear-gradient(top, #333333 0%,#111111 100%); color: #FFF; text-shadow: #000 0 -1px 0; font-size: 16px;}


/* Request a Viewing
----------------------------------------*/
ul.requestForm { float: left; list-style: none; margin: 0 0 25px; padding: 0px; }
ul.requestForm li { float: left; width: 100%; margin: 0 0 10px 0; }
ul.requestForm li input { float: left; width: 200px; border: 1px solid #aaa; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.requestForm li div { float: left; width: 180px; margin: 0 10px 0 0; font-weight: bold; }
ul.requestForm li select { float: left; width: 208px; border: 1px solid #aaa; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.requestForm li input.radio { float: left; width: auto; border: 0px; padding: 0px; }
ul.requestForm li span { float: left; margin: 0 30px 0 10px;}
body.request-viewing h3 { margin: 0 0 15px; }
input.reqView { float: left; padding: 10px 15px; margin: 0px; background: #1a947e; background-image: -moz-linear-gradient(top, #1a947e 0%, #0e6756 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a947e), color-stop(100%,#0e6756)); background-image: -webkit-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -o-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -ms-linear-gradient(top, #1a947e 0%,#0e6756 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a947e', endColorstr='#0e6756',GradientType=0 ); background-image: linear-gradient(top, #1a947e 0%,#0e6756 100%); color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #094234; text-shadow: #004a3d 1px 1px 0; font-size: 12px; font-weight: bold; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); cursor: pointer;}


/* Resource Center
----------------------------------------*/
.resourceBox { float: left; width: 652px; margin: 0 0 20px 0; padding: 0 0 30px 65px; border-bottom: 1px dotted #CCC; }
.resourceBox .last { margin-left: 0px; }
.resourceBox h2 { margin-top: 0px; margin-bottom: 0; }
.resourceBox p { color: #555; }
div.faq { background: url("/images/icon-faq.png") left top no-repeat; }
.calc { background: url("/images/icon-calculator.png") left top no-repeat; }
.testimonials { background: url("/images/icon-testimonials.png") left top no-repeat; }
.dictionary { background: url("/images/icon-dictionary.png") left top no-repeat; }


/* Agent Directory
----------------------------------------*/
ul.agentList { float: left; list-style: none; width: 100%; clear: both; margin: 0px; padding: 0px; }
ul.agentList li .agent, ul.agentList li ul li { background: none; border: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 0px; padding: 0px; background-image: none; }
ul.agentList li ul.agentInfo li { border-top: 1px solid #fff; border-bottom: 1px solid #AEA99C; width: 175px; line-height: 24px; }
ul.agentList li ul.agentInfo li.first { border-top: 0px; line-height: 18px; padding-bottom: 10px; }
ul.agentList li ul.agentInfo li.phone { width: 150px; }
ul.agentList li { float: left; width: 175px; padding: 30px 20px 20px; margin: 0 20px 20px 0; background: #f9f8f4; background-image: -moz-linear-gradient(top, #f9f8f4 0%, #e8e6e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f4), color-stop(100%,#e8e6e2)); background-image: -webkit-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); background-image: -o-linear-gradient(top, #f9f8f4 0%,#e8e6e2 100%); border: 1px solid #aea99c; box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 #FFF; }
ul.agentList li .agent { min-height: 375px; }
ul.agentList li:nth-child(3n) { margin-right: 0px; }



/*Module content boxes*/
.module { border:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; margin-bottom:5%; }
.module h2 { margin:0 0 5px 0; background:#efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:3px 5px; }



/* root element for tabs  */
ul.css-tabs { margin:0; padding:0; clear:left; height:30px; border-bottom:1px solid #C4D2DF; }
/* single tab */
ul.css-tabs li { float:left; padding:0; margin:0; list-style-type:none; }
/* link inside the tab. */
ul.css-tabs a { float:left; font-size:13px; display:block; padding:5px 30px; text-decoration:none; border:1px solid #C4D2DF; border-bottom:0px; height:18px; background-color:#DDDFE2; color:#1A7CA9; margin-right:2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright:4px; position:relative; top:1px; font-weight:bold; }
ul.css-tabs a:hover { background-color:#F7F7F7; color:#51A2D1; }
/* selected tab */
ul.css-tabs a.current { background-color:#FCFBF6; border-bottom:2px solid #FCFBF6; color:#074254; font-weight:bold; cursor:default; }
/* tab pane */
div.css-panes div { display:none; border:1px solid #C4D2DF; border-width:0 1px 1px 1px; min-height:150px; background-color:#FCFBF6; }

/* Contact page*/
.contactForm {margin:0; padding:0;}
.contactForm li { list-style:none; margin:0 0 15px 0; padding:0;  width:50%; float:left; }
.contactForm li div { width:70px; display:inline-block; float:left; }
.contactForm li input { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff;  font-size:1.3em; }
.contactReason {margin:0; padding:0;}
.contactReason li { list-style:none; }
.contactReason li input { margin-right:20px; }
.contactComments {margin:0; padding:0;}
.contactComments li { list-style:none; }
.contactComments li textarea { width:600px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff; font-size:1.3em; }
.submitBtn { margin:15px 0; padding:15px; border-top:1px dotted #ddd; }
.submitBtn input { background:#333; padding:15px; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline:none; border:1px solid #fff; font-size:1.3em; float:right; width:180px; }
.submitBtn input:hover { background:#222; }
.stateBox { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff;  }
.referral { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff; font-size:1.3em; margin:0 0 15px 0; }
.simple_overlay { -moz-box-shadow:0 0 90px 5px #000000; background-color:#333333; border:1px solid #666666; display:none; padding:15px; z-index:10000; }
.simple_overlay .close { background-image:url(/Images/close.png); cursor:pointer; height:35px; position:absolute; right:-15px; top:-15px; width:35px; }
.red {color:#F00;}

/* error message */
.info, .valid, .warning, .errors, .validation { border: 1px solid; margin: 10px 0px; padding:8px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; font-size: 12px; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url(../images/Info.png); }
.valid { color: #4F8A10; background-color: #DFF2BF; background-image:url(../images/ValidGreen.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(../images/Attention.png); }
.errors { color: #D8000C; background-color: #FFBABA; background-image: url(../images/Cancel.png); }
.validation { color: #D63301; background-color: #FFCCBA; background-image: url(../images/RemoveRed.png); }
.error { height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px 3px; margin-left:-2px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; }
.error p { margin:0; }
.error { margin:0 0 2px; padding:2px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.error em { border:10px solid; border-color:#FFFE36 transparent transparent; bottom:-20px; display:block; height:0; left:60px; position:absolute; width:0; }

/* error container */
#errorz {background-color:#163356; color:#fff; width:400px; padding:20px; margin:5px auto; display:none; -moz-border-radius:5px; -webkit-border-radius:5px;}
#errorz h2 {margin:-5px 0; color:yellow;}

/* Typography 
----------------------------------------*/

/* This is where you set your desired font size. 
   Fonts set in pixels will not re-size.
   The line-heights and vertical margins are automatically calculated from the body font-size percentage. 
   The percentage is of 16px (0.625 * 16px = 10px = 1.0em).
   Check the font style sheets to set the font-size attribute percentage.
   body { font-size: 62.5% !important; }
--------------------- */

/* --- Default Fonts & Colors --- */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea { font-family: Arial, Helvetica, sans-serif; }
/* --- Headings --- */
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { color:#113674; font-size: 28px; margin:0 0 .5em 0; font-weight: normal; font-family: "MuseoSlab500", Rockwell, Georgia, serif; }
h2 { color:#333; font-size: 18px; margin:0.5em 0; }
h3 { color:#188b77; font-size: 16px; margin:0.5em 0; }
h4 { color:#457fb9; font-size: 14px; margin:0.5em 0; font-weight: normal; font-family: "MuseoSlab500", Rockwell, Georgia, serif; }
h5 { color:#d42e00; font-size: 12px; margin:0.5em 0; color:#1a5589; }
h6 { color:#666666; font-size: 12px; margin:0.5em 0; }
/* --- Text Elements --- */
p { font-size: 13px; line-height: 22px; margin: 0 0 1em; }
body.browserIE7 p { font-size: 13px; }
body.browserIE7 ul, body.browserIE7 ol, body.browserIE7 dl { font-size: 13px; }
abbr, acronym { border-bottom: 1px dotted #000; cursor:help; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
hr { color:#CCC; margin:20px; }
/* --- Lists --- */
ul, ol, dl { font-size: 13px; line-height: 24px; margin: 0 15px 10px 30px; list-style-position:outside; }
ul { list-style-type: disc;  }
ol { list-style-type: decimal;  }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
/* Font size will either inherit from the defualt browser font size which we set in the reset style sheet or if an element has a parent element with a font-size. To handle this we need to set the font-size of any nested elements with the ratio  of chilc element / parent elemet = font-size */
li li { font-size: 13px; }
div.divider { border-top: 1px solid #a1d0f6; border-bottom: 1px solid #FFF; float: left; width: 100%; margin: 10px 0 15px; }

/* Tables
--------------------- */
table { font-size:1.3em; }
/* ---------------- a Tags ---------------- */
a { color: #054c54; text-decoration: underline; }
a:link { text-decoration: underline; color: #054c54; }
a:visited { text-decoration: underline; color: #3e3e3e; }
a:hover { text-decoration: none; color: #054c54; }
a:active { text-decoration: underline; }
a.noLink { text-decoration:none; color:#555; cursor:text; }
a.noLink:hover { color:#555; }

/* Main Image Menu */
.top-listing { margin: 0 0 15px 0; padding: 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
ul.indexListing {float: left; margin: 0; padding: 0; width: 240px; list-style: none;}
ul.indexListing li {float: left; width: 100px; font-size: 15px; background: #FFF; list-style-type: none; margin: 0 10px 0 0; overflow: hidden; opacity: .75; -moz-opacity: .75; -khtml-opacity: .75; filter: alpha(opacity = 75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1); border: 1px solid #69B3EF;  }
ul.indexListing li a {float: left; line-height: 16px; font-size: 14px; font-weight: bold; padding: 10px 5px; text-align: center; text-decoration: none; }
ul.indexListing li a img {border: none; display: block; margin: 0 auto 5px auto; width: 50px;}
ul.indexListing li:hover {opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: 0 0 4px rgba(0,0,0,.25);}
div.top-listing div { font-size: 12px; }
div.top-listing div input.text { padding: 3px; height: 17px; box-shadow: 0 1px 0 rgba(255,255,255,1); border: 1px solid #69B3EF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
div.top-listing div input#srcAddress { width: 225px; }
.searchCon-listings { float: right; width: 430px; }
.searchCon-listings div.citystatezip { display: block;}
.searchCon-listings div.citystatezip input#srcAddress { width: 215px; margin: 0 15px 0 0; }
.searchCon-listings div.priceRange input.text { width: 70px; }
.searchCon-listings div.priceRange { margin: 0; float: right; }
.searchCon-listings div.baths { margin: 10px 0 0 0; }
.searchCon-listings div.beds { margin: 10px 10px 0 0; }
.searchCon-listings div.beds select, .searchCon-listings div.baths select { padding: 3px; width: 70px; }
.priceRange { margin-left: 20px; }
.beds { margin: 0 10px 0 20px; }
.searchCon-listings .search-con { width: auto; margin: 25px 0 0 0; float: right; }
.searchCon-listings div.priceRange input, .searchCon-listings div.citystatezip input, .searchCon-listings div.beds select, .searchCon-listings div.baths select { margin-top: 5px !important; }
.searchCon-listings .seperator { display: none; }
.browserIE7 .searchCon-listings div.priceRange, .browserIE7 .searchCon-listings div.citystatezip { margin-top: -10px; }


/* Featured Properties - Homepage*/
.featuredProperties { margin:0 0 3% 0; border:1px solid #adada1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; overflow:hidden; box-shadow: inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,.15); -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,.15); background: #edede4; }
.featuredProperties h2 { padding:8px 0 11px 15px; background: #215287; background-image: -moz-linear-gradient(top, #215287 0%, #0b2e5b 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#215287), color-stop(100%,#0b2e5b)); background-image: -webkit-linear-gradient(top, #215287 0%,#0b2e5b 100%); background-image: -o-linear-gradient(top, #215287 0%,#0b2e5b 100%); background-image: -ms-linear-gradient(top, #215287 0%,#0b2e5b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215287', endColorstr='#0b2e5b',GradientType=0 ); background-image: linear-gradient(top, #215287 0%,#0b2e5b 100%); color:#fff; margin:0; border-top-left-radius: 3px; -border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.featuredProperties .scrollable { height:229px; background: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px; }
.featuredProperties .scrollable ul.items { margin:0; padding:0; overflow:visible; clear:both; position:absolute; width:30000em; }
.featuredProperties .scrollable ul.items li { position: relative; margin:5px 2px 0 5px; padding:3px; height:210px; float:left; width:163px; list-style:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #ddd; text-align:center; background: #ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4ec 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4ec)); background-image: -webkit-linear-gradient(top, #ffffff 0%,#f4f4ec 100%); background-image: -o-linear-gradient(top, #ffffff 0%,#f4f4ec 100%); background-image: -ms-linear-gradient(top, #ffffff 0%,#f4f4ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4ec',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0%,#f4f4ec 100%); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #adada1; box-shadow: inset 0 -1px 0 #FFF, 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: inset 0 -1px 0 #FFF, 0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 -1px 0 #FFF, 0 1px 2px rgba(0,0,0,.15); }
.featuredProperties .scrollable ul.items li div.propertyName { font-size:12px; font-weight:bold; line-height:14px; }
.featuredProperties .scrollable ul.items li a { padding:0; }
.featuredProperties .scrollable ul.items li div.propertyPromo { width:145px; }
.featuredProperties .scrollable ul.items li div.propertyPrice { left: 0px;display:block; bottom: 27px; padding-bottom: 10px; position:absolute; width:163px; font-size:20px; font-weight:bold; line-height:14px;}
.featuredProperties .scrollable ul.items li div.propertyPrice span.block { font-size:11px; color:#F00; font-style:italic; }
.featuredProperties .scrollable ul.items li div.propertyPrice sup { font-size:12px; }
.featuredProperties .scrollable ul.items li img { margin:5px auto!important; background:#fff; border:1px solid #ddd; padding:3px; }
a.propertyInfo, a.propertyDetail, a.resourceInfo { margin:10px 0;  }
.featuredProperties .scrollable ul.items li a.MoreInfo { position:absolute; font-size: 12px; left: 0px; bottom:5px; width:163px; height:24px; padding-top:6px; }
.featuredProperties #actions { }
.featuredProperties #actions a { cursor:pointer; width:23px; height:28px; background:#c4c4c4; color:#000; position:absolute; text-decoration:none; font-size:30px; font-weight:bold; line-height:18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #333; padding:0 0 0 5px; }
.featuredProperties #actions a:hover { text-decoration:none; color:#333; background:#efefef; }
.featuredProperties #actions a.prev { right:40px; top:4px; }
.featuredProperties #actions a.next { right:5px; top:4px; }

/* Search Panel */
.panel_button {margin-left: auto;margin-right: auto;position: relative;top: -1px;width: 163px;height: 22px;background: url(/images/panel_button.png);z-index: 20;float:right;text-align:left;cursor: pointer;}
.panel_button img {position: relative;top: 3px;left:12px;border: none;}
.panel_button a {text-decoration: none;color: #fff;font-size: 12px;font-weight: bold;position: relative;top: 0px;left: 20px;font-family: Arial, Helvetica, sans-serif;}
.panel_button a:hover {color: #999999;}
#toppanel {position: relative;width: 100%;right: 0px;z-index: 25;text-align: center;}
#panel {width: 100%;position: relative;top: 1px;height: 0px;margin-left: auto;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;}
#panel_contents {background: #f7f7f7;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; height: 100%;width: 100%;position: absolute;z-index: -1;border:2px solid #9FA4E8;}

/* Request Disclosure */
#facebox {display:none; width:400px; border:10px solid #666; border:10px solid rgba(82, 82, 82, 0.698); -moz-border-radius:8px; -webkit-border-radius:8px;}
#facebox div { display: block; padding: 0 0 15px 0; width: 100%; background-color:#fff; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }
#facebox ul.requestForm li div { display: block; width: 100%; padding: 0px; }
#facebox ul.requestForm li label { display: block; margin: 0 0 5px 0; }
#facebox h2 {margin:-11px; background: #215287; background-image: -moz-linear-gradient(top, #215287 0%, #0b2e5b 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#215287), color-stop(100%,#0b2e5b)); background-image: -webkit-linear-gradient(top, #215287 0%,#0b2e5b 100%); background-image: -o-linear-gradient(top, #215287 0%,#0b2e5b 100%); background-image: -ms-linear-gradient(top, #215287 0%,#0b2e5b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215287', endColorstr='#0b2e5b',GradientType=0 ); background-image: linear-gradient(top, #215287 0%,#0b2e5b 100%); color:#fff; margin:0; padding:5px 10px; border:1px solid #3B5998; font-size:20px;}
#facebox ul.requestForm { margin: 10px; }
#facebox p { display: block; margin: 0 10px; }
#facebox button.submit { margin-top: 10px; cursor: pointer; padding: 7px 12px; background: #1a947e; background-image: -moz-linear-gradient(top, #1a947e 0%, #0e6756 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a947e), color-stop(100%,#0e6756)); background-image: -webkit-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -o-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -ms-linear-gradient(top, #1a947e 0%,#0e6756 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a947e', endColorstr='#0e6756',GradientType=0 ); background-image: linear-gradient(top, #1a947e 0%,#0e6756 100%); color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #094234; text-shadow: #004a3d 1px 1px 0; font-size: 12px; font-weight: bold; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); }
#facebox button.close { margin-top: 10px; cursor: pointer; padding: 7px 12px; color: #FFF !important; text-decoration: none !important; text-shadow: 0 -1px 0 #000; font: bold 13px Arial, Helvetica, sans-serif; background: #a90329; background-image: -moz-linear-gradient(top, #a90329 0%, #7c0000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#7c0000)); background-image: -webkit-linear-gradient(top, #a90329 0%,#7c0000 100%); background-image: -o-linear-gradient(top, #a90329 0%,#7c0000 100%); background-image: -ms-linear-gradient(top, #a90329 0%,#7c0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#7c0000',GradientType=0 ); background-image: linear-gradient(top, #a90329 0%,#7c0000 100%); border: 1px solid #4F0200; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

table ul { font-size: 13px; }
div.openHouse { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background: #ebe9e3; box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 0 5px rgba(0,0,0,.25); padding: 5px 0; margin: 0 0 20px 0; text-align: center;}
div.openHouse h2 { margin: 0px; font-size: 16px; }
ul.faq-list { list-style: none; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #DDD; }
body.faq div.faq-entry { border-bottom: 1px dotted #CCC; padding: 0 10px 15px; margin: 0 0 15px; }
body.faq div.button a { padding: 7px 12px; background: #1a947e; background-image: -moz-linear-gradient(top, #1a947e 0%, #0e6756 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a947e), color-stop(100%,#0e6756)); background-image: -webkit-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: -o-linear-gradient(top, #1a947e 0%,#0e6756 100%); background-image: linear-gradient(top, #1a947e 0%,#0e6756 100%); color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #094234; text-shadow: #004a3d 1px 1px 0; font-size: 12px; font-weight: bold; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); text-decoration: none; }
body.faq p span { display: block; }
body.faq p div.button { margin: 15px 0 0; }
