body { font-family:verdana,helvetica,arial,sans-serif; font-size: 80%; background: #ccc; margin: 5px}

/* SITE WIDE */
form{margin: 0px}
img{ border: none}
p{ margin: 0px; padding: 0px;}
a{ text-decoration: none; color: #666}
a:hover{ text-decoration: underline; color: #666}
h1{ font-size: 1.5em; color: #633; padding: 0px 10px; margin: 0px;}
h2{ font-size: 1.3em; color: #633; padding: 0px 10px; margin: 0px;  }
h3{ font-size: 1.3em; font-weight: bold; padding: 0px 10px; margin: 0px 0px 7px 0px; }
h4{ font-size: 1.2em; font-weight: bold; padding: 0px 10px; margin: 0px 0px 7px 0px;}
h5{ font-size: 1.1em; font-weight: bold; padding: 0px; margin: 0px 0px 7px 0px; color: #333}

.indent{ padding: 0px 10px 10px 15px}
.strong{ font-weight: bold}
.left{ float:left}
.right {float:right}
.clear{ clear: both}
.txtSmall{ font-size: 0.85em}
.txtNormal{ font-size: 0.9em}
.hidden { display: none}
.show { display: block}

.red{color: #933 !important;}
.green{ color: #090 !important}
.blue{ color: #009  !important}

.error{color: #900; margin: 10px 0px 0px 10px;}
.error li{ margin: 5px !important; font-weight: normal }

.medium{ width: 120px !important}
.small{ width: 60px}

.button{ background: #999; color: #fff; cursor: pointer; border: 1px solid #999; font-size: 1em; font-weight: bold; padding: 2px 3px; }
.button_small{ background: #999; color: #fff; cursor:pointer; border: 1px solid #999; font-size: 0.9em; font-weight: bold; margin-top: 5px }
.button_rev, .button_rev_small{ background: #fff; color: #666; cursor:pointer; border: 1px solid #d5d5d5; font-size: 0.95em; font-weight: bold; margin: 5px; padding:4px }
.button_nav { background:#fff; color: #009; cursor:pointer; border: 1px solid #d5d5d5; font-size: 0.9em; font-weight: bold; margin: 3px; padding:3px }

#wrapper{ text-align: center; margin: 0 auto; width:990px; border:7px solid #fff; background:#ddd}
#header{ background: #fff;}
#main{ border-bottom: 7px solid #fff; padding: 10px; text-align: left }


#your_account ul{ margin:5px 0px}
#your_account li{ margin: 10px 0px; list-style-type: none}


/* Column layouts */
#small_lcol{ width: 319px; float: left; }
#big_rcol{  float:right;}

#big_lcol{ width: 644px; float:left;}
#small_rcol{  float:right  }
/* End Column layouts */


/* Nav styles */
#nav { height:30px; background: #FF640F url("/i/new/nav_bg.png"); padding:0px 10px; border-bottom: solid 7px #fff; font-size: 0.9em; clear:both	}
#nav ul {list-style: none;	padding: 7px; margin: 0px}		
#nav li {	display:inline;	padding: 0px 12px; margin: 0px auto;  }		
#nav li a {	font-weight:normal;	color: #fff;margin-left:4px; text-decoration: none;font-weight:bold; }
#nav li a:hover {text-decoration: underline;}
/* End Nav styles */

/* Box Styles */
.box{ text-align: left; margin: 0px 0px 7px 0px;  }
.box .top { height:5px ;overflow: hidden; margin: 0px;}
.box .text{padding: 7px 15px 7px 15px;}
.box ul{ margin: 0px 0px 10px 10px; padding: 0px}
.box li{ margin: 0px; padding: 0px}
.box .register_link{margin-right: 7px; padding-top:2px;}
.box .right_link{float: right; margin-top:3px}

.box .input_line{margin-bottom: 3px}
.box .input_name{ float:left; width:115px}
.box .textbox{ font-size: 1em; border:1px solid #ccc}

.onecol {  width:319px; background: #fff url("/i/new/corner_btm.gif") no-repeat bottom left;}
.twocol {  width:639px; background: #fff url("/i/new/corner_wide_btm.gif") no-repeat bottom left;}
.threecol {  width:969px; background: #fff url("/i/new/corner_vwide_btm.gif") no-repeat bottom left;}

.onecol .top{background: #fff url("/i/new/corner_top.gif") no-repeat top left; }
.twocol .top{background: #fff url("/i/new/corner_wide_top.gif") no-repeat top left;}
.threecol .top{background: #fff url("/i/new/corner_vwide_top.gif") no-repeat top left;}
/* End Box Styles */

.bigInput{margin: 20px 10px}
.bigInput .name{ font-weight: bold; font-size: 1.7em;  width: 140px; float:left;}
.bigInput input{ border:1px solid #ccc; padding:6px; width:170px }
.bigInput select{ border:1px solid #ccc; padding:6px; width:184px}
.bigInput .button{ padding:5px; width: auto; font-size:1.1em; background: #aaa}

.bigList ul  { margin: 0px 0px}
.bigList li  { margin: 0 5px 10px 5px; list-style-image: url(../i/tick.gif); list-style-position: inside}

/* End SITE WIDE */


/* Property Styles */
.featured .main_image{ width:200px; padding: 2px; border: 1px solid #999;  margin: 0px 10px 7px 0px; float: left}
.featured .main_image img { width:200px;}
.featured .button{ margin-top: 10px}

.property{ border: 1px solid #ddd; margin:12px 10px; padding:6px}
.property_details{ margin:10px 8px; padding:5px}

.property .main_image{ width:170px; padding: 2px; border: 1px solid #999;  margin: 0px 10px 7px 0px; float: left}
.property .main_image img { width:170px;}
.property .button{ margin-top: 10px}
.description { font-size: 0.95em;}

.property_type{float:right; font-size: 1.4em}
.headline{ font-size: 1.3em; font-weight: bold; margin-bottom:6px}
.price{color:#900; font-weight: bold; font-size: 1.4em}

.backToSearch { float:right; margin-right:10px; font-size: 0.85em}

.paging {text-align:right; padding:3px 8px;font-size:0.85em; margin: 0px 10px; height: 30px}

.property_details #main_image{ width:390px; padding: 2px; border: 1px solid #999;  margin: 0px; float: left;}
.property_details #main_image img { width:390px; clear: both;}
.property_details .main_description {float: left; width: 386px;line-height: 1.4em}
.property_details .contact{ border: 1px solid #ccc; padding: 8px; background: #f5f5f5; line-height: 1.8em}
.property_details .contact h2{ padding:0px}


#thumbs{padding:0px;  width: 210px ; float: right;  text-align: right; margin-left:5px}
#thumbs .thumb_image{width: 95px; padding: 1px; border: 1px solid #999; margin: 0px 0px 7px 5px; float: left; }
#thumbs .thumb_image img { width: 95px; cursor: pointer}

#details_features{ float:right; width: 200px}

#map_wrapper{ text-align: center;padding:15px }
#map{ width: 100%; height: 350px; border:1px solid #999; }

/* End Property Styles */


/* Footer*/
#footer{  background: #333 url("/i/new/footer_bg.png"); color: #fff; font-size: 0.8em;  clear: both; }
#footer ul {list-style: none;	padding: 9px; margin: 0px}		
#footer li {	display:inline;	padding: 0px 22px; margin: 0px auto;  }		
#footer li a {	font-weight:normal;	color: #fff;margin-left:4px;	text-decoration: none;font-weight:bold; }
#footer li a:hover {text-decoration: underline;}
#footer li img{ vertical-align: middle}
#footer .google {vertical-align:bottom; }
/* End Footer*/


/* END SITE WIDE */


/* Users Forsm */
#user_form{ padding: 0px 12px;  margin: 0px 10px; border:1px solid  #ccc;}
#user_form legend{ color:#633; font-weight:bold;border:1px solid  #ccc; padding:5px}
#user_form .input_line{ width:100%; margin-top:10px; }
#user_form .input_line .textbox{ border:1px solid #ccc; background:#f5f5f5; padding: 3px; width: 230px; font-size: 1em}
#user_form .input_line .smallTextbox{ border:1px solid #ccc; background:#f5f5f5; padding: 3px; width: 100px; font-size: 1em}
#user_form label.userinput{ width:160px; display:inline; float:left;padding-top:4px;}
#user_form .textarea{ font-size:13px !important }
#user_form .notes{ display: inline; font-size: 0.9em}
/* End Contact Form */

/* Agents Listing */
.agent{ border: 1px solid #ccc; padding: 15px; margin:15px 20px; }
.agent .logo{ width: 220px; float: left; height: 100%; }
.agent .details{ margin-left: 230px}
.agent .details .line{padding:3px 0px}
.agent_name {font-size: 1.3em; font-weight: bold; color: #33c}
/* End Agents Listing */

/* General info pages */
#info_page ul{ margin:20px}
#info_page li{ margin:10px 0px; list-style-type: square}
#info_page p{ margin:10px 0px}
/* End T and Cs */

/* HOMEPAGE*/
#home_btm{ margin-top: 7px;}
#areas{ margin-top: 10px; font-size: 0.9em}
.sample{ width:180px; border:1px solid  #ddd; float: left; margin: 0px 8px 7px 0px; padding:5px; text-align: center;}
.sample .details p{ margin:3px; font-size: 1em; color: #633; font-weight: bold; }
.sample img{ border: 1px solid #999; padding:2px}
.featured .details{ margin:2px 0px 5px 0px; font-size: 1.2em; color: #633; font-weight: bold; }
.featured p{ line-height: 1.3em}
.last{margin-right: 0px}

/* END HOMEPAGE*/

/* NASTY CLEARFIX */
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* END NASTY CLEARFIX */