@charset "utf-8";

/*************
	Global
*************/

body { margin-left:auto; margin-right:auto; margin-top:0px; width:999px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9b9b9b; }
img { border:none; }
form { padding:0px; margin:0px; }
a { color:#787878; }
a:hover { color:#00007f; }
h1, h2, h3, h4, h5 { margin:0px; color:#00007f; }

/****************
	Header
****************/

.GR_header { background-image:url(../images/header/header-bg.jpg); background-repeat:no-repeat; height:168px; overflow:hidden; margin-bottom:20px; }
.GR_header .GR_logo { width:435px; margin-top:20px; margin-left:30px; }
.GR_header .GR_navbar { margin-top:15px; background-image:url(../images/navbar/navbar-bg.gif); background-repeat:repeat-x; }

/*****************
	Footer
*****************/

.GR_footer { background-image:url(../images/footer/footer-bg.gif); background-repeat:repeat-x; height:64px; overflow:hidden; margin-top:20px; clear:both; }
.GR_footer .GR_poweredBy { width:216px; float:right; margin-right:20px; margin-top:10px; }
.GR_footer .GR_coprtyright { width:300px; float:left; margin-left:20px; margin-top:10px; color:#555353; }
.GR_footer .GR_coprtyright .GR_name { font-weight:bold; line-height:18px; }

/*****************
	Recently Added Properties
*****************/

.GR_recentlyAdded								{ padding:0 0 0 10px; }
.GR_recentlyAdded a 							{ display:block; width:192px; width:215px; height:66px; margin-bottom:8px; text-decoration: none; padding-top:5px; cursor:pointer; border:1px solid #dbdbdb; color:#929292; background-image:url(../images/recentlyadded/bg.gif); background-repeat:repeat-x; }
.GR_recentlyAdded a .image 					{ display:block; float:left; width:80px; height:66px; text-align:center; }
.GR_recentlyAdded a .image .status 			{ background-color:#000000; color:#FFFFFF; display:block; margin:0 4px 0 3px; font-size:9px; }
.GR_recentlyAdded a .image img 				{ border: none; }
.GR_recentlyAdded a .details 					{ display:block; float: left; width: 128px; height: 66px; color:#6b6b6b; }
.GR_recentlyAdded a .details .address 			{ display:block; font-size:12px; font-weight:bold; color:#383838; width:128px; height:14px; overflow:hidden; }
.GR_recentlyAdded a .details .town 			{ display: block; width: 128px; height: 14px; overflow: hidden; font-size: 11px; }
.GR_recentlyAdded a .details .priceInfo 		{ display: block; width: 128px; height: 14px; overflow: hidden; font-size: 11px; }
.GR_recentlyAdded a .details .priceInfo .price { color: #6b6b6b; font-weight: bold; font-size: 12px; }
.GR_recentlyAdded a .details .brief 			{ display: block; width: 128px; height: 14px; overflow: hidden; font-size: 11px; }

/*************
	Others Pages
**************/

/* Home Page */
.GR_homepage { }
.GR_homepage .GR_leftCol { width:266px; float:left; }
.GR_homepage .GR_centreCol { width:493px; float:left; }
.GR_homepage .GR_rightCol { width:220px; float:left; padding-left:20px; }
.GR_homepage .GR_rightCol .GR_recentlyAdded .PD_listing { margin-left:50px; }
.GR_homepage .GR_rightCol h2 { font-size:18px; font-weight:bold; color:#000000; }
.GR_homepage .GR_rightCol h2 .GR_blueText { color:#00007f; }

/* Contact Page */
.contactPage { margin-top:10px; clear:both; }
.contactPage .form { float:left; margin-left:0px; width:500px; overflow:hidden; padding-bottom:10px; }
.contactPage .office { float:right; width:350px; font-size:14px; }
.contactPage .office h2 { margin-bottom:10px; }
.contactPage .office table tr { padding-bottom:10px; padding-bottom:10px; }
.contactPage .office table th { border-right:2px solid #00007f; padding-right:10px; padding-right:10px; }
.contactPage .office table td { padding-left:10px; }

/* Property Listing */
.searchPage .leftCol { float:left; width:250px; }
.searchPage .rightCol { float:right; width:730px; }
.tFW_propertyList .property a.title { background-color:#00007f !important; }
.tFW_propertyList .property .priceInfo { color:#ffffa4 !important; }
.tFW_propertyList .property .status, .ePropertyList .navigation a.np:hover { color:#FFFFFF !important; }

/* Property Details */
.propertyPage .leftCol { float:left; width:250px; }
.propertyPage .rightCol { float:right; width:730px; }
.propertyPage h1 { color:#9b9b9b !important; font-size:18px; }
.propertyPage h1 .xPP_town { color:#00007f; }
.propertyPage .xPP_seekers { background-image:url(../images/phone.jpg); background-repeat:no-repeat; background-position:10px 6px; }
.propertyPage .xPP_photo { border:none !important; }
.propertyPage .xPP_toolbox a { color:#00007f; }
.propertyPage .xPP_priceInfo .xPP_price { color:#00007f; }
.propertyPage .xMapMessage { width:710px; background-color:#9b9b9b; }
.propertyPage .xMapMessage strong { color:#00007f; }
.propertyPage .xPP_description.xPP_block { clear:none !important; }

/* Search Form */
.leftCol, .GR_homepage .GR_leftCol { background-image:url(../images/searchform/search-leftcol-bg.gif) !important; background-repeat:no-repeat; }
.xVS_searchForm { margin-top:20px; margin-left:10px; }
.xVS_searchForm .xVS_textbox { width:250px; }
.xVS_searchForm .xVS_textbox .textbox { width:210px !important; }
.xVS_searchForm div.xVS_selectWrapper { height:25px; float:none; width:auto; }
.xVS_searchForm div.xVS_selectWrapper select { margin-right:30px; }
.xADV_popup { border-color:#00007f !important; }
.xADV_popup .xAdv .xAdv_sectionTitle { font-weight:bold; color:#00007f; }
.xADV_popup .xAdv .xAdv_option label { font-weight:normal; }

/* Global content pages */
.GR_contentPages { color:#787878; padding-left:20px; padding-right:20px; }
.GR_contentPages h1, .GR_contentPages h2, .GR_contentPages h3, .GR_contentPages h4, .GR_contentPages h5 { margin-top:0px; }
.GR_contentPages h2 { font-size:18px; }
.GR_contentPages h3 { font-size:14px; }
.GR_contentPages p { text-align:justify; }

/* About us page */
.GR_aboutUs { }

/* Media Player */
.xMediaPlayer .mediaWrapper, .xMediaPlayer .pane .tabNav .active, .xMediaPlayer .mediaWrapper .photos .photoWrapper #nextLink, .xMediaPlayer .mediaWrapper .photos .photoWrapper #prevLink { background-color:#00007f !important; }
.xMediaPlayer .mediaWrapper .xMapMessage { background-color:#9b9b9b; color:#000000; }
.xMediaPlayer .mediaWrapper .xMapMessage strong { color:#00007f; }
.xMediaPlayer .mediaWrapper .photos .leftCol .advert { background-image:url(../images/lightBoxLogo.jpg); background-repeat:no-repeat; }