/*-----Init Setup-----*/
BODY {
	font: 76%/1.4 Calibri, Arial, Helvetica, sans-serif;
	color: #404040; margin:0; padding:0; 
}
TEXTAREA, INPUT {
	FONT-FAMILY: arial, helvetica, sans-serif
}
A {	COLOR: #0044A0; TEXT-DECORATION: none}
A:visited {	COLOR: #0044A0;}
A:hover {	COLOR: #A72B1C; TEXT-DECORATION: underline}
A:active {	COLOR: #A72B1C;}
B, STRONG {font-weight: bold} 
H1, H2, H3, H4 {font-weight: normal; margin: 0; padding: 0; line-height: 1.2}
H1 {font-size: 1.5em; letter-spacing: 2px;  padding: 0 0 0px 0; margin: 0pt 251px 0pt 0pt;}
H2 {font-size: 1.4em; letter-spacing: 1px; border-bottom: 1px solid #585858; padding: 0 0 2px 0; margin: 0}
H3 {font-size: 1.2em; letter-spacing: 2px;padding: 0 0 2px 0; margin: 0}
.larger {font-size: 1.2em}
.clearB {clear: both}
.address {margin-top: 0; padding-top: 0em; line-height: 1; font-size: 1 em}
#content H1, #content P, #featuredProperties, #content H2, #content H3 {margin-left: 16px}
#content UL {margin-left: 32px; padding-left: 32px}
#propertyDescriptionRT {margin-left: 16px}
#propertyDescriptionRT P, #propertyDescriptionRT H2, #propertyDescriptionRT H3, #propertyDescriptionRT UL {margin-left: 0}
/*---------------------*/
/*--Page Construction--*/
#container {margin: 0; background: #fff; padding:0;}
FORM {margin: 0; padding: 0}
#content {margin: 0px 16px 0px 16px; padding: 0; }
#footer {margin-left: 16px; border-top: 1px solid #ccc; padding-top: 0; margin-bottom: 0; padding-bottom: 0}
/*---------------------*/
/*---------override for centering...------------*/
* html BODY {text-align: center}
#container {margin: 10px auto; width: 1000px; text-align: left}
/*---------------------*/
/*------search results-----*/
#results, #scholder {width: 100%; margin-top: 10px;}
.property {margin: 0em 251px 0.5em 0px; padding-bottom: 8px; border-bottom: 1px solid #ccc;  min-height: 180px; clear: left}
* html .property {height: 1%}
#results H2 {display: none}
#results .property H2 {display: inline; border: none; font-size: 1.2em; letter-spacing: 1px; margin: 0; line-height: 1.2}
#results .property P {margin-left: 0}
#results strong {font-weight: normal}
.property .imageholder {float: left; width: 240px; min-height: 100px; background: #ccc url(loading.gif) no-repeat; border: 1px solid #abd; overflow: hidden; text-align: center; margin-left: 16px;}
.commercial .imageholder {border-color: #00005B}
.lettings .imageholder {border-color: #D46500}
.lettings .property {border-color: #D46500}
.property .imageholder IMG {width: 240px; }
.property .description, .usesIEfix {margin-left: 250px; margin-left: 266px;}
.redtext {color: #fff; font-weight: normal}
.desheader {padding: 8px; display: block; margin-left: 0}
.desheader H3 {display: inline;}
.description .price {display: block; width: 300px; float: right; text-align: right}
.description P {padding: 0 8px}
.clearAll, .usesIEfix {clear: both}
.commercial .desheader {background: #66B0E3 url(rsSearchResultsBG2.gif) repeat-x top left; border: 1px solid #00005B; color: #fff }
.residential .desheader, .residential .imageholder {background: #CCE6F7; border: 1px solid #0048A4; }
.residential .desheader {background: #66B0E3 url(rsSearchResultsBG2.gif) repeat-x top left; color: #fff}
/*---------------------*/
/*---Front page featured properties styling----*/
#featuredProperties {width: 100%; background: #fff; line-height: 1}
#featuredProperties .imageholder {float: left; width: 140px; height: 105px; background: #ccc;  overflow: hidden; text-align: center;border: 1px solid #585858; margin: 10px 5px 5px 0px}
#featuredProperties IMG {width: 140px; }
#featuredProperties UL {margin: 5px 0; list-style-type: none; padding: 0}
#featuredProperties UL LI {padding: 0; margin: 0}
#featuredProperties A {font-size: 0.9em}
.fpPrice {font-size: 1.2em; letter-spacing: 1px}
.fpTitle {display: block; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 4px}
.fps, .fpl, .fpc {float: left; width: 33%; min-height: 131px; padding-top: 4px}
.fps {background: #fff}
.fps H3 {color: #0048A4}
.fps DIV.imageholder {border-color: #0048A4 !important}
.fpl {background: #fff; width: 33%}
.fpl H3 {color: #CE3E00}
.fpl DIV.imageholder {border-color: #CE3E00 !important}
.fpc {background: #fff;}
.fpc H3 {color: #00005B}
.fpc DIV.imageholder {border-color: #00005B !important}
.hideh3 H3 {display: none}
.detailblock {margin: 0px 3px 0px 5px; padding-top: 12px}
.fpdesc {display: block; margin-top: 5px; font-size: 0.9em}
#header {margin: 16px 0 20px 0px; padding: 0; background-repeat: repeat-x; overflow: hidden}
#header h2 {color: #1988D6; margin-left: -9999; border: none}
#header DIV Div{background-repeat: no-repeat; background-position: left top}
#header DIV  {background-position: right top; height: 170px;background-repeat: no-repeat;}
.homec {border-color: #223A87}
.home {background-image: url(home_middle.gif); background-color: #223A87}
.home DIV  {background-image: url(home_right.jpg); }
.home DIV DIV {background-image: url(home_left.gif)}
.rsc {border-color: #0048A4}
.rs {background-image: url(rs_middle.gif); background-color: #0051C6}
.rs DIV  {background-image: url(rs_right.jpg); }
.rs DIV DIV {background-image: url(rs_left.gif)}
.rlc {border-color: #CE3E00}
.rl {background-image: url(rl_middle.gif);background-color: #D46500}
.rl DIV  {background-image: url(rl_right.jpg); }
.rl DIV DIV {background-image: url(rl_left.gif)}
.csc {border-color: 00005B}
.cs {background-image: url(cs_middle.gif);background-color: #000885}
.cs DIV  {background-image: url(cs_right.jpg); }
.cs DIV DIV {background-image: url(cs_left.gif)}
.mg {background-image: url(mg_middle.gif);background-color: #A40000}
.mg DIV  {background-image: url(mg_right.jpg); }
.mg DIV DIV {background-image: url(mg_left.gif)}
.rp {background-image: url(rp_middle.gif);background-color: #2A7800}
.rp DIV  {background-image: url(rp_right.jpg); }
.rp DIV DIV {background-image: url(rp_left.gif)}
.xxxhomeCol {color: #057ED1; border-color: #057ED1}
.xxxrsCol {color: #057ED1; border-color: #057ED1}
.xxxrlCol {color: #D46500; border-color: #D46500}
.xxxcpCol {color: #000885; border-color: #000885}
.xxxrpCol{color: #2A7800; border-color: #2A7800}
.xxxmgCol{color: #980E05; border-color: #980E05}
#details {margin-top: 1em}
#imagecontrols {float: left; width: 345px; text-align: center; margin-top: 1em}
#details IMG {width: 320px; border: 1px solid #abc; margin-bottom: 0.8em}
#details H2 {border: none; margin-top: 1em}
#details P {font-size: 1.2em}
#details H2.large {font-size: 1.4em; margin: 0;}
#propertyDescriptionRT FONT {font-size: 1em !important}
#propertyDescriptionRT  {font-size: 1em !important}
#propertyDescriptionRT P  {font-size: 1em !important}
#propertyDescriptionRT P FONT {font-size: 1em !important}
#content .addressh {font-size: 1.2em}
#content .addressh H2 { border: none; padding-bottom: 0em;line-height: 1; margin-top: 1em}
#content .addressh P {margin-left: 32px}
#content .address {margin-left: 32px}
 /*-------------------Menu structure...-------------------*/
#menu {float: right; width: 235px;  background: #0071CC url(menuBGTop.gif) no-repeat top left; margin: 0 0 0px 16px; position: relative; z-index: 9999; }
#menu ul {list-style-type: none; margin: 0; padding: 0;background: url(menuBGBottom.gif) no-repeat left bottom; width: 234px}
#menu li {margin: 0; padding: 0; padding-left: 1px;}
#menu li a {display: block;  padding: 0px 0px 0px 12px; border-bottom: 1px solid #fff; line-height: 2.0em; letter-spacing: 1px; font-size: 1.2em; color: #fff; }
#menu li a:hover {text-decoration: underline}
#menu li.last {width: 235px; background: url(menuBGBottom.gif) no-repeat left bottom;}
#menu li.last a {border: none}
 /*-------------------Menu style ...-------------------*/
#menu li.first a:hover { background: url(menuBGBottom.gif) no-repeat -237px 0;}
#menu li a:hover { background: url(menuBGBottom.gif) no-repeat -472px 0;}
#menu li.last a:hover { background: url(menuBGBottom.gif) no-repeat -707px bottom;}
#menu SPAN {padding-left: 24px; background: url(menudots.gif) no-repeat; line-height: 2.5em;}
#menu #menuHome SPAN {background-position: 0px center}
#menu #menuContact SPAN {background-position: 0px center}
#menu #menuRS SPAN {background-position: -235px center}
#menu #menuRL SPAN {background-position: -470px center}
#menu #menuCP SPAN {background-position: -705px center}
#menu #menuRP SPAN {background-position: -940px center}
#menu #menuM SPAN {background-position: -1175px center}
 /*---------------- / Menu -----------------------*/
/*-- MOVE TO IEFIX --*/
* html #menu li { height: 1%; position: relative}
* html #menu li a { height: 1%}
/*---------------------*/
#formerSCOuterBreaksInIE6 {margin:  margin: 16px 251px 16px 0}
#scouter {background:#4F99F5 url(rssmiddle.gif) repeat-x left top; border-bottom: 1px solid #054FAB; margin: 16px 0px 16px 0; padding:0;display: inline-block; width: 710px; overflow: hidden}
html > body #scouter {display: block}
#sctl {background: url(rsstl.gif) no-repeat top left; position: relative; width: 100%;}
#sctr {background: url(rsstr.gif) no-repeat top right;}
#sctitle {background: url(rsshead.gif) no-repeat top left; margin-left: 16px; height: 30px; position: absolute; top:0; width: 240px}
#scouter ol, #scouter li {list-style: none; margin: 0; padding: 0}
	
#scbrief {vertical-align: middle; padding: 30px 0px 10px 13px;}
#sctl label {font-size: 12px; font-weight: bold; margin: 0 2px 0 2px; vertical-align: middle; color: white}
#scbrief input, #scbrief select {margin: 0px 2px 0px 2px; vertical-align: middle; font-size: 12px}
	
#scontrol {display: block; width: 143px; height: 21px; position: absolute; top: 5px;left:560px; margin: 0;  padding: 0; background: url(expcolgroup.gif) no-repeat; cursor: pointer}
#scfull {display: block; padding: 30px 0px 10px 14px; color: #fff;}
.show #scontrol {background-position: 0 -21px}	
.hide #scontrol.over {background-position: 0px -42px;}
.show #scontrol.over {background-position: 0px -63px;}
.hide #scfull {display: none}
.show #scbrief {display: none}
.scgroup, .usesIEfix {float: left; margin-right: 30px; min-height: 60px;}
.scgroup label {float: left; width: 80px; font-size: 1.2em; line-height: 1; padding-bottom: 8px; padding-top: 5px}
.scgroup INPUT {margin-top: 3px}
.scinputs {float: left; }
/*--------whyus page-------------*/
.group {xclear: both; display: inline; float: left; border-bottom: 1px solid #ccc; padding-bottom: 1em;margin: 0.5em 0;}
.card {float: left; width: 262px; height: 139px; background: #FFF url(photoBG.gif) no-repeat 0 0;  margin: 1em}
DIV.card:hover {background-position: -262px 0px}
.innercard {padding: 33px 10px 10px 10px; font-size: 1em}
.photo {float: right; width: 69px; height: 92px; border: 1px solid #898989; background: #EEE}
.photo IMG {overflow: hidden}
 .card .row {font-size: 1em; margin: 0; padding: 0; line-height: 1.4; margin-right: 80px; padding-top: 2px; text-align: right}
.card .row .position {font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px; line-height: 1}
.card .row em {font-style: normal; font-size: 0.7em; letter-spacing: 1px}
.card .contactT {display: block; padding-top: 0.5em; font-size: 0.9em;}
.card .contactE {display: block;  font-size: 0.9em}
#footer p {margin: 0 8px; padding-top: 4px}
#nav {list-style-type: none; margin:  0; padding:0; border-bottom: 1px solid #ccc; height: 2em}
#nav li {float: left; display: block; font-size: 1.2em; margin: 0; padding: 0}
#nav A, #nav span {display: block; padding: 2px 12px}
#nav A:hover {background: #3D75A7; color: white}
/*--------make *large* for large screen-------------*/
.largescreen #scbrief #sctl input {font-size: 1em}