* {text-decoration: none; padding: 0; margin: 0; border: 0; font-family:Arial, Helvetica, sans-serif;}

a img
{ border: 0 none; background:none}

a:hover
{background-color:#115896;}

body 
{ background: #EEE url(../../images/oppe/background.gif) center repeat-y; margin:0;}

.header
{height:37px; background:#3189D0 url(http://www.offplanpropertyexchange.com/images/oppe/whitearrow.jpg) no-repeat left center; color:#FFFFFF;}

.breadCrumb
{font-size:11px; margin-left:14px; line-height:25px; width:100%; float:left; text-align:left; }

.breadCrumb a:link,
.breadCrumb a:visited
{color:#6c6c6c;}

.breadCrumb a:hover
{ background-color:#3388CB; color:#FFFFFF}

.blue
{color:#0053ba; font-weight:bold;}

h1,h2,h3
{ font:19px; padding-left:35px; line-height:37px; text-align:left;}

div.wrapper
{ width:944px; border:0;}

/*
 * Page Header
 */
div.wrapper div.pgheader 
{ height:236px;}

div.wrapper div.pgheader div.logo
{ width:129px; height:129px; margin:15px; float:left; }

div.wrapper div.pgheader div.strapLine
{ height:150px; width:290px; float:left;}

div.wrapper div.pgheader div.strapLine span
{ font-size:24px; font-weight:bold; color:#0055A5; margin-top:60px; display:block; text-align:left; letter-spacing:-1px;}

div.wrapper div.pgheader div.toolBar
{ margin-right:10px; width:250px; padding-top:10px; float:right;}

div.wrapper div.pgheader div.banner
{ width:468px; height:60px; margin-top:30px; margin-left:10px; float:left; background-color:#EEEEEE}

/*
 * Page Footer
 */ 
div.wrapper div.footerNew
{ width:916px; float:left; margin:14px; background-color:#0000FF; font-size:16px; font-weight:bold; letter-spacing:-1px; text-decoration:none}

div.wrapper div.footerNew ul.navFooterTopNew
{ background-color:#FFFFFF; height:50px; padding-left:12%; width:88%;  float:left; list-style:none;}

div.wrapper div.footerNew div.navFooterNew
{background:#0257A7 url(http://www.offplanpropertyexchange.com/images/oppe/footer-logo.jpg) no-repeat 805px 0px; height:80px; padding-left:10%; width:90%;  float:left; }

div.wrapper div.footerNew div.navFooterNew ul
{ float:left; list-style:none; margin-top:15px;}

div.wrapper div.footerNew ul.navFooterTopNew li,
div.wrapper div.footerNew div.navFooterNew ul li
{ float:left;}

div.wrapper div.footerNew ul.navFooterTopNew li a:link,
div.wrapper div.footerNew ul.navFooterTopNew li a:visited
{color:#0257A7; padding:0 5px; }

div.wrapper div.footerNew ul.navFooterTopNew li a:hover
{ background-color:#3388CB; color:#FFFFFF}

div.wrapper div.footerNew div.navFooterNew ul li a:link,
div.wrapper div.footerNew div.navFooterNew ul li a:visited
{color:#FFFFFF; padding:0 9px;}

div.wrapper div.footerNew div.navFooterNew ul li a:hover
{ background-color:#FFFFFF; color:#0033FF}

div.wrapper div.footerNew div.navFooterNew p.copyright
{ color:#FFFFFF; font-size:12px; font-weight:normal; float:left; padding-left:10px; padding-top:10px;}

#menu 
{margin:0; height:77px; float:left; width:100%;}

#menu div.twitter
{padding-left:740px; margin-top:-110px;}

#tabs{
	overflow: auto;
	background-color: #FFF;
	width: 100%;
}

#tabs .selectedTab, #tabs .tab, #links a
{ display: block; float: left; text-align: center; text-decoration: none; font-weight: bold;}

#tabs .selectedTab, #tabs .tab 
{ height: 38px; line-height: 38px; padding: 0 10px;	font-size: 20px; font-weight: bold; color: #040b0d;}

#tabs .selectedTab
{ background: #3189D0; color:#FFFFFF; margin: 0; border-right: 1px solid #90adb7;}

#tabs .tab
{ color:#0055A5;}



#tabs a.selectedTab:hover {
	text-decoration: underline;
}

#tabs a.tab:hover{
	background: #6dd9fa;
	color:#FFFFFF;
	text-decoration: none;
}

#tabs .tab.middleTab:hover {
	background: #6dd9fa;
	text-decoration: none;
}

#links{
	height:36px;
	background: #3189D0;
	overflow: hidden;
}

#links a{
	font-size: 13px;
	font-weight:bold;
	padding: 10px;
	color: #fff;
	/*border-right: 1px solid #fff;*/
}

#links a:hover, #tabs .tab:hover{
	text-decoration: underline;
}

#links a.last{
	border-right: none !important;
}

/* Search Button */	
input.searchButton {
	width:65px;
	float:left;
	margin-top:6px;
	color:#FFFFFF;
	padding:0 5px;
	font-size:15px;
	font-weight: 600;
	letter-spacing:-1px;
	background-color:#02549e;
	text-decoration:none;
	border:1px solid #FFF;
}
/* Search button in dynamic mode (mouse-over) */
input.searchHov 
{ background-color:#6DD9FA;}

/* Search Button */	
input.subscribeButton {
	float:left;
	margin-left:0px;
	color:#FFFFFF;
	padding:0 5px;
	font-size:12px;
	font-weight: bold;
	background-color:#02549e;
	text-decoration:none;
	border:1px solid #FFF;
}
/* Search button in dynamic mode (mouse-over) */
input.subscribeHov 
{ background-color:#6DD9FA;}


#left
{float:left; width:626px; margin-top:10px;}

#right
{float:right; width:290px; margin-top:10px; margin-right:6px;}

#right a:link,
#right a:visited,
#right a:link,
#left a:link,
#left a:visited,
#left a:link
{color:#115896; font-weight:bold;}

#right a:hover,
#left a:hover
{color:#FFFFFF; background-color:#115896; /*font-size:12px;*/}

#forsale
{width:100%; height:270px; float:left; 
background:url(http://www.offplanpropertyexchange.com/images/oppe/homepagehouse.jpg);}

#forsale #propertySearchBox
{ width:336px; height:270px; float:left; background-color:#000; filter:alpha(opacity=65); opacity: 0.85;  z-index: 99; border-right: 1px solid #FFFFFF;}

#forsale #propertySearchBox h1
{font-size:27px; text-align:left; letter-spacing:-1px; display:block; width:250px; color:#FFFFFF; margin-top:10px; padding:0; margin-left:20px;}

#forsale #propertySearchBox ul
{ margin-left:8px;}

#forsale #propertySearchBox ul li
{ width:85px; height:20px; float:left; font-size:16px; font-weight:bold; letter-spacing:-1px; text-align:left; margin-left:15px;}

#forsale #propertySearchBox ul li a
{ display:block; color:#FFFFFF; text-decoration: none; }

#forsale #propertySearchBox ul li a:hover
{ background-color:#6DD9FA;}

#forsale #propertySearchBox #propertySearch
{ width:100%; height:60px; background-color:transparent; color:#FFFFFF; position: relative; z-index: 101; padding:10px;}

#forsale #propertySearchBox .searchBar
{float:left; width:100%; height:40px; margin-top:10px; margin-left:15px;}

#forsale #propertySearchBox .searchBar input#searchInput 
{float: left; width: 226px; padding: 1px 0 0 5px; font-size: 16px; font-weight:bold; letter-spacing:-1px; color: #222222; margin-top:6px; margin-left:5px; margin-right:10px; background-color:#fefefe;}

#forsale .searchBar input#searchInput.active 
{color:#000;}

/***********/

/*.box
{ margin-top:10px;}*/

.box .content,
.smallbox .content
{ margin-top:5px; padding:10px; background-color: #EEE; }

.box .content img,
.smallbox .content img
{ margin:0 0 10px 0; border: 1px solid #000000}

.box .content p
{ font-size:12px; line-height:15px; color: #666666; text-align:left; margin-top:10px;}

.box .content .blue
{ font-size:16px; letter-spacing:-1px; line-height:20px; font-weight:bold}

.box .content ul
{ margin-left:20px; line-height:20px;}

.box .content ul li
{text-align:left; padding:1px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/***********/

#right .box
{ width:282px; /*height:140px;*/ margin-right:10px; margin-bottom:10px; float:left;}

#right .box .email 
{ height:168px; width:278px; background-color:#EEEEEE; border: 1px solid #000000; margin-bottom:10px; float:left}

#right .box .email p
{ padding-left:10px; padding-right:10px; margin:5px 0 0 0; font-size:13px; letter-spacing:-1px; font-weight:bold; display:block; float:left}

#right .box .email .blue
{ font-size:18px; line-height:20px; font-weight:normal;}

#right .box .email .txt
{ width:100%; background-color:#CC3300; float:left; }

#right .box .email .radio
{ width:60%; float:left; margin-top:4px; margin-left:10px;}

#right .box .email input.text
{ border:1px solid #000000; margin-left:10px; width:230px; height:20px; font-size:12px; margin-bottom:5px; float:left; padding-left:10px; }

#right .box .email .radio label
{ display:block; width:32px; font-size:11px; float:left; padding-left:0px; text-align:left }

#right .box .email .radio input
{ float:left; width:10px;}

#right .box .email input.btn
{ background: url(http://www.offplanpropertyexchange.com/images/oppe/subscribebutton.jpg) no-repeat; }



#left .box
{ width:297px; height:400px; margin-left:14px;}

#right .box h2.header,
#left .box h2.header
{ font-size:18px;}

#left .c1
{margin-left:16px;}

#left .c2
{margin-left:5px;}

#left .smallbox
{ width:200px; height:450px; margin-top:10px;}

#left .smallbox h2.header
{ font-size:17px;}

#right .box .content,
#left .box .content,
#left .smallbox .content
{ padding:0; }

#left .box .content p,
#left .smallbox .content p
{ font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color: #000000; text-align:left; margin-top:10px;}

#left .box .content ul
{ margin-left:20px; line-height:20px;}

#left .box .content ul li
{text-align:left; padding:1px 0; font-size:12px;}

.goleft
{float: left;}

.goright
{float: right; margin-right:0;}

/**** Google Feed Control ****/

#feed-control
{ float:left; width:280px;}

#right .gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
}

#right .gfg-title 
{ font-size: 18px; font-weight : bold; height:37px; text-align:left; padding-left:35px; line-height:37px;
background:#3189D0 url(http://www.offplanpropertyexchange.com/images/oppe/whitearrow.jpg) no-repeat left center; color:#FFFFFF; margin-top:10px; margin-bottom:5px; letter-spacing:-1px;}

#right .gfg-title a {
  color : #FFFFFF;
}

#right .gfg-subtitle
{ font-size: 20px; font-weight : bold; height:37px; text-align:left; padding-left:30px; line-height:37px;
background:#EEEEEE url(http://www.offplanpropertyexchange.com/images/oppe/bluearrow.jpg) no-repeat; background-position: 10px center; color:#3388CB; letter-spacing:-1px;}

#right .gfg-subtitle a {
  color: #3388CB;
  text-decoration:none;
  font-size:20px;
  padding:0 5px; 
}

#right .gfg-subtitle a:hover 
{ color: #FFFFFF; background-color:#3388CB;}

#right .gfg-entry {
  background-color :#EEEEEE;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
#right .gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color :#EEEEEE;
  width : auto;
  height : 100%;
  padding-left : 10px;
  padding-right : 5px;
}

#right .gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  padding-right:10px;
  padding-bottom:8px;
  font-size:11px;
}

#right .gfg-listentry {
  line-height : 15px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 10px;
  padding-right : 5px;
  color:#CC9933;
}

#right .gfg-listentry-even,
#right .gfg-listentry-odd 
{ background-color:#EEEEEE; color:#00FF33}

#right .gfg-listentry-even a
{color:#000000; font-weight:normal; text-decoration:none;}

#right .gf-title a:hover,
#right .gfg-listentry-odd a:hover,
#right .gfg-listentry-even a:hover
{ color:#FFFFFF; background-color:#3388CB;}

#right .gfg-listentry-odd a
{color:#000000; font-weight:bold; text-decoration:none;}

#right .gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

#right .gf-author,
#right .gf-relativePublishedDate
{ font-size:12px;}

/*
 * FeedControl customizations.
 */

#right .gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 11px;
  line-height : 15px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  text-decoration:none;
  margin-bottom : 2px;
  color:#000000;
  font-weight:bold;
}

#right .gfg-root .gfg-entry .gf-result .gf-snippet {
  /*height : 3.8em;
  color: #000000;
  margin-top : 3px;*/
  height:20px;
  color:#000000;
  font-size:12px;
}

#right .gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

#right .gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

#right .gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

#right .gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

#right .gfg-collapse-href {
  float : left;
}

#right .gf-result
{ border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top:10px;}

#right .gfg-list, .gfg-subtitle, gfg-entry
{ border-left: 1px solid #000000; border-right: 1px solid #000000; background-color:#EEEEEE;}

#right .gfg-root
{ border-bottom: 1px solid #000000;}

#right .clearFloat {
  clear : both;
}
/****** Google Dynamic Feed Control End *****/

.rightBanner
{ padding: 0x; text-align: center; text-decoration: none; float:right; background:none; margin-right:10px; }

.rightBanner h2.header
{ font-size:16px;}

.rightBanner .box
{ width:160px;}

.rightBanner .box .content
{ margin-top:5px; padding:10px; border: 1px solid #000000; background-color: #EEE; }

.bottomBannerNew
{margin-top:10px; width:100%; float:left;}


