body { margin: 0; padding: 0; background: #fff; font-family: Arial; line-height: 1.5; height: 100%; }

/* Headings */
h1 { font-size: 1em; font-weight: normal; color: #fff; text-transform: capitalize; padding: 0 0 0 10px; margin: 0 0 10px 20px; background: #010D01; width: 700px; height: 30px; }
h2 { color: #C72032; font-size: 1.4em; padding: 0; margin: 0; }
h3 { color: #C72032; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
p { color: #5B5B5B; font-size: 13px; text-align: justify; }
a img { border: none; }

/* Outer layers */
#pageHolder { margin: 0 auto auto auto; width: 1020px; background: url(../images/background_holder.jpg) repeat-y; position: relative; min-height: 100%; height: auto !important; }
#pageContent { margin: 0 auto auto auto; width: 960px; }
#pageHeader { height: 100px; }
#headerLogo { width: 300px; float: left; }
#headerBanner { width: 500px; height: 75px; float: right; margin: 10px 10px 0 0; }

/* Elevated Menu */
#elevatedMenu { color: #5B5B5B; text-align: right; padding: 0; width: 950px; }
#elevatedMenu a { text-decoration: none; color: #5B5B5B; font-weight: bold; font-size: 13px; padding: 0; }
#elevatedMenu a:hover { text-decoration: none; font-weight: bold; }

/* Menu */
#menu { width: 960px; height: 37px; padding: 0; margin: 0; text-align: center; background: url(../images/menu_bg.jpg) repeat-x; }
#menu ul { list-style: none; margin: 0; height: 28px; padding: 0; display: inline; }
#menu li { display: inline; }
#menu a { color: #fff; font-weight: bold; border-right: 1px solid #808080; font-size: 13px; display: block; margin: 0; text-decoration: none; float: left; padding: 8px 13px 8px 13px; }
#menu a:hover { background: url(../images/menu_bg_hover.jpg) repeat-x; }
#menu .navactive1 { background: url(../images/menu_bg_hover.jpg) repeat-x; }

#menu #nav #whitehot-register { background: url(../images/menu_extra_bg.jpg) repeat-x; border-right: 1px solid #000; }
#menu #nav #whitehot-my-account { background: url(../images/menu_extra_bg.jpg) repeat-x; width: 42px; }

#subMenu { list-style: none; text-align: left; height: 20px; background: #CDCDCD; font-size: 13px; }
#subMenu ul { padding: 0; margin: 0; }
#subMenu li { display: inline; margin: 0; padding: 0; list-style-type: none; text-transform: capitalize; }
#subMenu a, #subMenu a.deselected { font-size: 12px; float: left; display: block; font-weight: normal; padding: 0 0 0 5px; margin: 0 15px 0 0; height: 20px; text-decoration: none; color: #5B5B5B; }
#subMenu a:hover, #subMenu a.selected { color: #808080; }
#subMenu .subnavactive1 { font-weight: bold; }

/* Property Search */
#propSearchHolder { width: 940px; height: 225px; padding: 0 10px 5px 10px; }
#propSearchList { width: 330px; height: 168px; margin: 40px 0 0 0; float: left; background: url(../images/prop_search_bg.jpg) no-repeat; }
.propTitle { font-size: 13px; font-weight: bold; color: #fff; padding: 3px 0 0 5px; background: url(../images/prop_search_header.jpg) no-repeat; width: 325px; height: 24px; }
.propSearchInner { padding: 5px; }
.propSearchInner a { text-decoration: underline; font-size: 11px; color: #969696; }
.propSearchInner em { font-size: 11px; color: #969696; }
#forSaleButton { background: url(../images/change_search.jpg) no-repeat; border: none; color: #fff; height: 27px; width: 99px; margin: 10px 0 0 0; font-weight: bold; }

#homeFlash { width: 600px; height: 175px; margin: 40px 0 0 0; float: right; }

/* Main Body */
#main { width: 940px; padding: 10px; margin: 10px 0 0 0; }
#mainDisplay { width: 940px; padding: 10px; }

/* Left column */
#mainLeft { width: 710px; float: left; }
#mainLeft a { color: #C72032; font-weight: bold; text-decoration: underline; }
.pageContent { width: 700px; }
.pageContent li { font-size: 13px; color: #5B5B5B; }

#mainLeftResults { width: 225px; float: left; }
#mainRightResults { float: right; width: 710px; margin: 0; }
#mainRightResults a { color: #C72032; font-weight: bold; text-decoration: underline; }

/* Right column */
#mainRight { float: right; width: 225px; margin: 0; }

/* Quick Search */
#resultBox { width: 650px; }
.quickTitle { background: #C72032; color: #fff; font-size: 13px; padding: 5px; width: 640px; font-weight: bold; }
.quickTable { margin: 10px 0 10px 0; font-size: 13px; color: #5B5B5B; }

/* Property Search Results */
#refineSearch { background: url(../images/refine_bg.jpg) repeat-y; width: 225px; }
.refineTitle { background: url(../images/refine_search_header.jpg) no-repeat; height: 23px; width: 215px; color: #fff; padding: 4px 10px; font-weight: bold; font-size: 13px; }
.refineBottom { background: url(../images/refine_bottom.jpg) no-repeat; width: 225px; height: 11px; margin: 0 0 10px 0; }

.shortInner { width: 215px; padding: 0 0 0 5px; color: #5B5B5B; font-size: 13px; }
.shortInner a { text-decoration: none; color: #5B5B5B; }

.propsFound { font-size: 13px; }
.propsFound b { font-size: 25px; color: #C72032; }

.propPrice { font-size: 18px; color: #C72032; font-weight: bold; line-height: 1em; margin: 0 0 0 5px; } 
.propAddress { color: #5B5B5B; font-size: 17px; line-height: 1.2em; border-bottom: 1px dotted #ccc; width: 510px; margin: 5px 0 0 5px; }
.propDistance { margin: 0 0 0 5px; color: #5B5B5B; }
.propSumm { font-size: 11px; margin: 5px 0 8px 5px; color: #5B5B5B; }
.propWrap { height: 27px; }
.propBeds { float: left; width: 405px; height: 27px; }
.propFull { float: right; width: 80px; height: 27px; }

#PropertylistingsNumber { padding: 0; }
#PropertylistingsNumber a { padding: 2px; color: #5B5B5B; text-decoration: none; }
#PropertylistingsNumber a:hover { }
#PropertylistingsNumber hr { border: 1px solid #ccc; margin: 0 0 5px 0; }
#PropertylistingsNumber h3 { background: url(../images/long_header.jpg) no-repeat; color: #fff; font-size: 14px; margin: 0px; padding: 10px 0 5px 5px; height: 40px; width: 705px; font-style: normal }

#Propertylistings { padding: 0; }
#Propertylistings hr { border: 1px solid #ccc; margin: 0 0 5px 0; }
#Propertylistings h3 { color: white; text-transform: capitalize; font-size: 13px; font-weight: normal; margin: 0px; padding: 2px 0 0 5px; background: #010D01; height: 23px; width: 700px; }
#Propertylistings a:link, #Propertylistings a:visited { color: #C72032; font-weight: bold; text-decoration: underline; }
#Propertylistings a:hover { }

#ListProperties { font-size: 13px; width: 690px; padding: 0; }
#ListProperties td { border-bottom: 1px dotted #ccc; height: 150px; padding: 15px 0 0 0; }

/* Property Details - #thumbNails { padding: 5px; border: 1px solid #E7E7E7; margin: 0 3px 10px 0; } */
.propTitleDetails { color: #C72032; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }

#propTitleHolder { height: 30px; margin: 0 0 20px 0; width: 937px; }
.propDetailsTitle { color: #C72032; font-size: 20px; width: 677px; font-weight: bold; float: left; }
.propID { color: #C72032; font-size: 13px; float: right; }

#propAddressWrap { height: 25px; width: 937px; margin: 0 0 10px 0; }

.propActionButtons { color: #5B5B5B; width: 125px; font-size: 13px; float: left; }
.propActionButtons a { text-decoration: none; color: #5B5B5B; font-size: 13px; padding: 0 15px 0 0; font-weight: bold; }

.propDetails { font-size: 13px; color: #969696; float: right; }
.propDetails b { color: #C72032; font-size: 16px; }

.propImagesHolder { width: 937px; height: 312px; background: #fff; margin: 0 0 20px 0; }
#mainimage { margin: 0; width: 400px; background: #fff; height: 300px; padding: 5px; border: 1px solid #E7E7E7; }
#mainimage img { width: 400px; height: 300px; }
#thumbNails { margin: 0; }
.bigImage { float: left; width: 420px; height: 320px; }
.smallImage { float: left; width: 135px; background: #fff; height: 312px; overflow: scroll; overflow-x: hidden; }
.propDescription { background: #fff; float: right; width: 370px; overflow: auto; overflow-x: hidden; margin: 0 0 0 0; height: 310px; font-size: 11px; }
.propDescription b { color: #C72032; font-size: 16px; }
.propSummary { color: #5B5B5B; width: 370px; font-size: 11px; overflow: scroll; overflow-x: hidden; }
.propSummary b { color: #C72032; font-size: 13px; }

#propDetailsWrap { height: 210px; width: 940px; margin: 20px 0 0 0; }

.propFeatures { color: #5B5B5B; font-size: 11px; float: left; width: 210px; }
.propFeatures b { color: #C72032; font-size: 16px; }

.propTools { float: left; width: 190px; color: #C72032; font-weight: bold; font-size: 11px; }
.propTools a { color: #5B5B5B; font-size: 11px; text-decoration: underline; font-weight: normal; }
.propTools b { color: #C72032; font-size: 16px; }

.propIncentive { float: left; width: 225px; font-size: 11px; color: #5B5B5B; padding: 0 10px 0 0; }
.propIncentive b { color: #C72032; font-size: 16px; }

.propRentalYield { float: left; width: 200px; font-size: 11px; color: #5B5B5B; padding: 0 10px 0 0; }
.propRentalYield b { color: #C72032; font-size: 16px; }

.mapSection { width: 300px; height: 190px; border: 1px solid #E7E7E7; float: left; }

/* Customer Login */
#customerLogin { background: url(../images/refine_bg.jpg) repeat-y; width: 225px; }
#customerLogin li { list-style-type: none; }
#customerLogin a { font-size: 13px; text-decoration: none; color: #000; margin: 0 0 0 10px; }
.customerLoginTitle { background: url(../images/refine_search_header.jpg) no-repeat; height: 23px; width: 215px; color: #fff; padding: 4px 10px; font-weight: bold; font-size: 13px; }
.customerLoginBottom { background: url(../images/refine_bottom.jpg) no-repeat; width: 225px; height: 11px; }

/* Forms */
#ConsumerAccount { padding: 0; width: 700px; font-size: 13px; }
#PropertyListDisplayHeader { background: #CDCDCD; color: #5B5B5B; font-weight: bold; font-size: 13px; text-align: left; padding: 2px 0 2px 3px; }
#whitehotSumbit { background: url(../images/change_search.jpg) no-repeat; border: none; color: #fff; height: 27px; width: 99px; margin: 10px 0 0 0; font-weight: bold; }
#whitehotRegisterSumbit { background: url(../images/register_search.jpg) no-repeat; border: none; color: #fff; height: 27px; width: 210px; margin: 10px 0 0 0; font-weight: bold; }

.spacer { clear: both; }

/* Banners */
#bannerHolder { width: 945px; height: 170px; padding: 5px 5px 5px 10px; margin: 15px 0 0 0; }
.bannerImage { width: 233px; height: 150px; float: left; margin: 0 2px 0 0; }

/* Footer */
#footer { margin: 0 auto auto auto; color: #000; font-size: 13px; background: url(../images/site_directory.jpg) repeat-x; width: 950px; height: 250px; padding: 5px; }
#footerLinks { margin: 0 auto auto auto; color: #969696; }
.seoCol { width: 150px; float: left; margin: 20px 0 0 0; }
.seoColImages { width: 175px; float: left; margin: 20px 0 0 25px; }
.seoCol a { margin: 0; text-decoration: none; color: #B6B6B6; font-size: 11px; }
.seoTitle { font-size: 11px; font-weight: bold; }
.seoTitle a { font-size: 11px; font-weight: bold; text-decoration: none; color: #969696; }
.facebook { width: 150px; height: 55px; }
.twitter { width: 150px; height: 55px; margin: 25px 0 30px 0; }
.movewithus { width: 150px; height: 26px; }

#copyRight { margin: 0 auto 5px auto; color: #969696; width: 960px; font-size: 11px; }
#copyRight a { color: #969696; }

#customFooterWrap { width: 960px; font-size: 11px; color: #969696; margin: 0 auto 5px auto; }
#customFooterWrap a { text-decoration: none; font-size: 11px; color: #969696; }

#pageFooter { width: 1020px; height: 30px; }