body
{
    background:#C4C2C3 url(../Images/body-bg.jpg) repeat-x left top;
    text-align:center;
    padding:0;
    margin:0;
}
#pageWrapper
{
    width:890px;
    background:url(../Images/main-bg.jpg) repeat-y left top;
    text-align:left;
    margin:20px auto 0 auto;
}
#bgWrapper
{
    background:url(../Images/main-bg-head.jpg) no-repeat left top;
    padding:0 6px;
    border-bottom:solid 1px #B5B3B4;
}
#header
{
    width:878px;
}
#header .phone
{
    text-align:right;
}
#header .phone h6
{
    float:right;
    font-family:Arial, helvetica, Sans-Serif;
    color:#B71179;
    font-size:120%;
    font-weight:bold;
    background:url(../Images/iconPhone.gif) no-repeat left 2px;
    padding:0 0 0 35px;
    margin:10px 25px 10px 0;
}
.hnav
{
    background: url(../Images/hnav-bg.gif) no-repeat left top;
	text-align:right;
	font-size:70%;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:280px;
}
.hnavPadding
{
    padding:8px 0;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top:6px;
	padding-bottom:5px;
}
.hnav ul, .hnav ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.hnav ul li a
{
	margin:0 -1px 0 0;
	padding-left:10px;
	padding-right:10px;
	border-right:solid 1px #000;
	white-space:nowrap;
}
.hnav ul li.hContact a
{
    padding-right:30px;
	border-right:none;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	text-decoration:none;
	color:#000;
}
.hnav ul li a:active, .hnav ul li a:hover, .hnav ul li a:focus
{
    color:#C3C1C1;
}
.hnav ul li span.divider
{
	display:none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width:1%; /* IE/Mac needs this */
	display:inline-block;	/* IE/Mac needs this */
	/* \*/
		width:auto;
		display:inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height:0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding:0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
/* Selected states - uses a body class and a list class to find the item */
.bHome .hnav ul li.hHome a:link, .bHome .hnav ul li.hHome a:visited,
.bBuying .hnav ul li.hBuying a:link, .bBuying .hnav ul li.hBuying a:visited,
.bSelling .hnav ul li.hSelling a:link, .bSelling .hnav ul li.hSelling a:visited,
.bRenting .hnav ul li.hRenting a:link, .bRenting .hnav ul li.hRenting a:visited,
.bLandlords .hnav ul li.hLandlords a:link, .bLandlords .hnav ul li.hLandlords a:visited,
.bCommercial .hnav ul li.hCommercial a:link, .bCommercial .hnav ul li.hCommercial a:visited,
.bContact .hnav ul li.hContact a:link, .bContact .hnav ul li.hContact a:visited
{
    color:#C3C1C1;
    cursor:auto;
}
#contentWrapper
{
    width:878px;
}
.homepage
{
    min-height:460px;
}
* html .homepage
{
    height:460px;
}
.page
{
    min-height:460px;
}
* html .page
{
    height:460px;
}
.propertylist
{
    min-height:1200px;
}
* html .propertylist
{
    height:1200px;
}
.propertydisplay
{
    min-height:800px;
}
* html .propertydisplay
{
    height:800px;
}
#content
{
    padding-left:300px;
}
.propertylist h2, .page h2
{
    font-size:120%;
    margin:15px 0 5px 0;
}
.homepage #content
{
    padding-right:20px; 
}
.homepage
{
    background:url(../Images/DealPier.jpg) no-repeat left top;
    padding-top:50px;
}
.homepage h2
{
    font-size:130%;
    padding-bottom:10px;
}
.homepage p.feature
{
    line-height:1.3em;
    font-size:100%;
    color:#2F2F2F;
    padding-bottom:140px;
}
.allproplink a:link, .allproplink a:visited
{
    color:#AE1474;
    font-weight:bold;
    text-decoration:underline;
}
.allproplink a:hover, .allproplink a:active, .allproplink a:focus
{
    text-decoration:none;
}
.miss-the-boat
{
    width:430px;
}
.featured
{
    width:270px;
}
.featured h3
{
    background:url(../Images/featured-bg-top.gif) no-repeat left top;
    font-size:80%;
    color:#413E3F;
    padding:5px 10px;
    text-transform:uppercase;
    text-align:center;
}
.featured h3 a:link, .featured h3 a:visited
{
    font-size:100%;
    font-weight:bold;
    color:#AE1474;
    font-style:normal;
}
.featured h3 a:hover, .featured h3 a:active, .featured h3 a:focus
{
    text-decoration:none;
}
.featured-desc
{
    background:url(../Images/featured-bg.jpg) no-repeat left top;
}
.featured-desc .left
{
    width:100px;
    margin:18px 10px 10px 18px;
    float:left;
    font-size:80%;
}
* html .featured-desc .left
{
    margin:18px 10px 10px 8px;
}
.featured-desc a.moreLink:link, .featured-desc a.moreLink:visited
{
    float:left;
    background:url(../Images/iconMore.gif) no-repeat right 4px;
    width:100px;
    text-decoration:underline;
    color:#413E3F;
    font-weight:bold;
}
.featured-desc a.moreLink:hover, .featured-desc a.moreLink:active, .featured-desc a.moreLink:focus
{
    text-decoration:none;
}
.featured-desc img
{
    border:solid 1px #7F7F7F;
    margin-bottom:10px;
}
.featured-desc .right
{
    width:120px;
    margin:16px 12px 10px 0;
    color:#6E6C6C;
    font-size:80%;
    min-height:150px;
}
* html .featured-desc .right
{
    height:150px;
}
.featured-desc .clear
{
    padding:5px 18px;
}
.featured-desc h5
{
    font-size:110%;
    padding-bottom:2px;
    color:#9F9F9F;
}
.featured-desc p
{
    font-size:90%;
    padding-bottom:5px;
}
.featured-desc div.right strong
{
    font-size:120%;
}
.featured-desc div.right strong div
{
    font-size:80%;
}
#hp1
{
    width:280px;
    float:left;
    padding-left:26px;
}
#hp2
{
    width:275px;
    float:left;

}
#hp3
{
    width:280px;
    float:left;
}
.featured-deal
{
    background:url(../Images/deal-featured-bg.jpg) no-repeat left top;
    min-height:140px;
    width:258px;
}
* html .featured-deal
{
    height:140px;
}
.featured-deal h4
{
    padding:8px 12px 4px;
}
.featured-deal h4 a:link, .featured-deal h4 a:visited
{
    font-size:110%;
    color:#413E3F;
    font-style:normal;
    text-decoration:none;
}
.featured-deal h4 a:hover, .featured-deal h4 a:active, .featured-deal h4 a:focus
{
    text-decoration:underline;
}
.featured-deal p
{
    font-size:90%;
    padding:0 12px
}
.featured-deal p a:link, .featured-deal p a:visited
{
    color:#413E3F;
    font-style:normal;
    text-decoration:none;
}
.featured-deal p a:hover, .featured-deal p a:active, .featured-deal p a:focus
{
    text-decoration:none;
}
.featured-email
{
    background:url(../Images/email-alerts-bg.jpg) no-repeat left top;
    min-height:140px;
    width:258px;
}
* html .featured-email
{
    height:140px;
}
.featured-email h4
{
    padding:8px 12px 4px;
}
.featured-email h4 a:link, .featured-email h4 a:visited
{
    font-size:110%;
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.featured-email h4 a:hover, .featured-email h4 a:active, .featured-email h4 a:focus
{
    text-decoration:underline;
}
.featured-email p
{
    font-size:90%;
    padding:0 12px
}
.featured-email p a:link, .featured-email p a:visited
{
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.featured-email p a:hover, .featured-email p a:active, .featured-email p a:focus
{
    text-decoration:none;
}
.featured-about
{
    padding-top:15px;
    text-align:center;
    color:#A09F9F;
    font-size:75%;
    font-weight:bold;
    line-height:1.5em;
}
.featured-about img
{
    margin:10px 5px;
}
#column
{
    position:absolute;
    width:256px;
    margin-left:25px;
    top:20px;
    z-index:1;
}
#column .column-container
{
    background:#D2D0D1 url(../Images/searchfooter-bg.jpg) no-repeat left bottom;
    padding-bottom:180px;
}
#column h1
{
	background:url(../Images/logo-bg.jpg) no-repeat left top;
	height:120px;
	width:256px;
	padding:0;
	margin:0 0 10px 0;
	text-indent:-100em; 
	overflow:hidden;
}
#column h1 a 
{ 
	display:block; 
	height:120px;
	outline:0;
}
#column h5
{
    color:#413E3F;
    font-size:90%;
    text-transform:uppercase;
    background:url(../Images/search-bg.jpg) no-repeat left top;
    padding:12px 20px 25px 30px;
}
#column .searchContainer
{
    padding:0 20px;
}
#column .radio
{
    padding-bottom:10px;
}
#column .ddl
{
    padding-top:5px;
    font-size:90%;
    clear:both;
}
#column .ddl label
{
    display:block;
    float:left;
    width:110px;
}
#column a.goButton {
    background:transparent url('../Images/goButton_right_Search.gif') no-repeat scroll top right;
}
#column a.goButton span {
    background:transparent url('../Images/goButton_left_Search.gif') no-repeat left top;
}

/* Property Display Pages */
#column .displayLeft
{
    padding:0 20px;
    font-size:90%;
}
#column .displayLeft h4
{
    margin-top:5px;
}
#column .displayLeft ul
{
    padding:5px 20px;
}
#column .displayLeft .info
{
    padding-bottom:3px;
}
#column .displayLeft strong
{
    color:#3f3f3f;
}
#column .displayLeft .break
{
    padding-top:12px;
    margin-top:10px;
    border-top:1px solid #AE1474;
}
.status
{
    display:block;
    background:#AE1474;
    width:300px;
    padding:5px 0;
    text-align:center;
    color:#FFFFFF;
}   
.propertydisplay #content .galleryContainer
{
    float:right;
    width:300px;
    margin:20px 0 0 10px;
}
.propertydisplay #content .galCaption
{
    font-size:80%;
    text-align:right;
    color:#AE1472;
    background:url(../Images/arrowUp.gif) no-repeat right top;
    padding:0 30px 10px 0;
    margin:5px 19px 0 0;
}
.propertydisplay #content
{
    padding-right:20px; 
}
.propertydisplay #content p
{
    font-size:90%;
    color:#3F3F3F;
    line-height:1.5em;
    padding-top:3px;
}
.propertydisplay #content h3
{
    font-size:150%;
    color:#AE1474;
    padding:20px 0 0 0;
}
.propertydisplay #content h3 span
{
    font-size:80%;
    color:#AE1474;
    font-weight:normal;
}
.propertydisplay #content .noStampDuty
{
    color:red;
    font-size:90%;
    font-weight:bold;
    text-transform:uppercase;
    padding:3px 0 15px 0;
}
.propertydisplay #content .extraInfo
{
    color:#9F9F9F;
    font-size:90%;
    font-weight:bold;
    text-transform:uppercase;
    padding:3px 0 15px 0;
}
.propertydisplay #content h2
{
    font-size:100%;
    line-height:1.3em;
    margin-top:3px;
}
.propertydisplay #content .location
{
    color:#3F3F3F;
}
.propertydisplay #content ul.links
{
    margin:10px 0 10px 8px;
    font-size:80%;
    line-height:1.6em;
}
.propertydisplay #content ul.links li
{
    list-style-type:none;
    padding-left:22px;
}
ul.links li.map
{
    background:url(../Images/icon-map.png) no-repeat left 2px;    
}
ul.links li.streetview
{
    background:url(../Images/icon-streetview.png) no-repeat left 2px;    
}
ul.links li.email
{
    background:url(../Images/icon-email.png) no-repeat left 2px;   
}
ul.links li.enquiry
{
    background:url(../Images/icon-user-speech.png) no-repeat left 2px;   
}
ul.links li.epc
{
    background:url(../Images/icon-bar-chart.png) no-repeat left 2px;  
}
ul.links li.floorplan
{
    background:url(../Images/icon-floorplan.png) no-repeat left 3px;  
}
ul.links li.calculator
{
    background:url(../Images/icon-calculator.png) no-repeat left 2px;   
}
ul.links li.print
{
    background:url(../Images/icon-printer.png) no-repeat left 2px;   
}

/* Property Listing Pages */
.back
{
    padding:10px 0 0 0;
    text-align:right;
    font-size:90%;
}
.back a:link, .back a:visited
{
    background:url(../Images/iconBack.gif) no-repeat left 4px;  
    padding-left:12px;
    text-decoration:none;
}
.back a:hover, .back a:active, .back a:focus
{
    text-decoration:underline;
}
.status-list
{
    display:block;
    padding:3px 0;
    width:175px;
    background:#AE1474;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
}
.proplist h3
{
    color:#AE1474;
    font-size:110%;
}
.proplist strong
{
    color:#AE1474;
}
.proplist p
{
    font-size:90%;
    line-height:1.4em;
    margin:0 50px 10px 0;
}
.propertylist #content ul.links
{
    margin:8px 0 0 2px;
    font-size:80%;
    line-height:1.6em;
}
.propertylist #content ul.links li
{
    list-style-type:none;
    padding-left:22px;
}
.proplistpager td
{
    padding:10px 0;
    background:#F5F5F5;
}
.proplist
{
    
}
.proplist h3
{
    font-weight:normal;
    font-size:130%;
    padding:3px 0 5px;
    color:#5F5F5F;
}
.proplist strong
{
    font-weight:bold;
    font-size:90%;
    text-transform:uppercase;
    color:#AE1474;
}
.proplist .price
{
    font-size:180%;
}
.proplist .price span
{
    font-size:80%;
}
.proplist .noStampDuty
{
    color:red;
    font-size:110%;
    font-weight:bold;
    text-transform:uppercase;
}
.proplist .stats
{
    padding-top:10px;
    font-size:110%;
}
.proplist .location
{
    width:200px;
}
.proplist .type
{
    width:170px;
}
.proplist .bedrooms
{
    width:120px;
    padding-top:3px;
}
.proplist .receptions
{
    width:120px;
    padding-top:3px;
}
.proplist .bathrooms
{
    width:120px;
    padding-top:3px;
}
.proplist .ref
{
    text-align:right;
    font-size:160%;
    color:#C5C3C4;
    font-weight:bold;
    padding:15px 8px 0 0;
    font-style:italic;
}
.more, .mortgage
{
    font-size:120%;
    padding:0 5px 5px 5px;
}
.more
{
    width:200px;
    font-weight:bold;
    text-align:right;    
}
.mortgage
{
    width:300px;
    text-align:left;    
}
.more a, .mortgage a
{
    background:url(../Images/iconMore.gif) no-repeat left 4px;
    padding-left:13px;
}
#column .searchContainer fieldset
{
    margin-bottom:15px;
    padding-top:5px;
    border-top:solid 1px #AE1474;
    border-left:none;
    border-right:none;
    border-bottom:none;
    color:#4F4F4F;
}
#column .searchContainer fieldset legend
{
    padding:0 5px 0 0;
    color:#AE1474;
    font-size:80%;
    text-transform:uppercase;    
}
#column .searchContainer ul.refineSearch
{
    padding:0;
    margin:0 0 10px 0;
    font-size:80%;
}
#column .searchContainer ul.refineSearch li
{
    list-style-type:none;
    clear:both;
    padding-top:3px;
}
#column .searchContainer ul.refineSearch li.liFeature label
{
    width:80px;
    display:block;
    float:left;
    line-height:1.7em;
}
#column .searchContainer ul.refineSearch li.liFeature div
{
    float:left;
}
#column .searchContainer ul.refineSearch li h6
{
    font-size:90%;
    color:#6F6F6F;
    padding-bottom:3px;
}
#column .searchContainer ul.refineSearch li div.cblist
{
    line-height:1.4em;
}
#column .searchContainer ul.refineSearch li div.cblist label
{
    padding-left:5px;
}
#column .searchContainer .update
{
    margin-top:5px;
}
.emailAlerts label
{
    font-size:85%;
    line-height:1.3em;
}
.emailAlerts div
{
    padding-top:7px;
}
.emailAlerts div.clear
{
    padding-top:12px;
}
.emailAlerts a:link, .emailAlerts a:visited
{
    font-size:85%;
}
.emailAlerts a:hover, .emailAlerts a:active, .emailAlerts a:focus
{

}
.emailAlertTB
{
    font-size:1.2em;
    padding:3px 3px 5px 3px;
}
.emailAlertsVAL ul
{
    color:red;
    font-weight:bold;
    font-size:110%;
}
#contactColumn
{
    margin:0 15px;
    font-size:90%;
}
.spaced p, .article .para
{
    line-height:1.4em;
    font-size:100%;
    color:#3F3F3F;
    padding:0 20px 10px 0;
    font-size:90%;
}
.spaced h4
{
    margin-top:15px;
}
.spaced strong
{
    color:#9F096B;
}
.article
{
    padding-right:20px;
}
.article #photos
{
    float:right;
    width:300px;
    margin:5px 0 0 10px;
}
.articlelist
{
}
.articlelist ul
{
    margin-left:45px;
    margin-right:10px;
}
.articlelist ul li
{
    list-style-type:square;
    color:#AE1474;
    font-size:80%;
    line-height:1.4em;
    padding-bottom:5px;
}
.articlelist a:link, .articlelist a:visited
{
    font-weight:bold;
    color:#413E3F;
}
.articlelist a:hover, .articlelist a:active, .articlelist a:focus
{
    text-decoration:none;
}
.sitemap h4 a:link, .sitemap h4 a:visited
{
    font-size:100%;
    font-style:normal;
    font-weight:bold;
}
.sitemap ul
{
    margin-left:25px;
    font-size:80%;
}
.sitemap ul li
{
    padding-top:3px;
}

#footer
{
    clear:both;
    background:#969495 url(../Images/footer-bg.jpg) repeat-x left top;
    border-bottom:solid 1px #DFDEDF;
    margin:20px 1px 1px 1px;
    padding:8px 20px;
    color:#4A4749;
    font-size:70%;
}
#footer a:link, #footer a:visited
{
    color:#4A4749;
    text-decoration:underline;
}
#footer a:hover, #footer a:active, #footer a:focus
{
    text-decoration:underline;
}
#footer .copyright
{
    float:left;
}
#footer .fnav
{
    float:right;
}
#footer .fnav ul
{
    padding:0;
    margin:0;
}
#footer .fnav ul li
{
    display:inline;
    padding-left:10px;
    margin-left:10px;
    border-left:solid 1px #4A4749;
}
#footer .fnav ul li.first
{
    padding-left:0;
    margin-left:0;
    border-left:none;
}