body {
  font: 70% verdana, arial, tahoma;
  margin:0;
  background-repeat:repeat-x;
}

* html td {
  font: 70%;
}

a { text-decoration:none;color:#0a6486; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4 { font-family:tahoma, arial;margin:5px 0 10px 0; }

h1 {margin-top:15px}

h1 { font-size: 150%;font-weight:normal; }
h2 { font-size: 130%; }
h3 { font-size: 120%;margin-bottom:0; }
h4 { font-size: 110%;
     border-bottom: #cccccc 1px dotted;
     padding-bottom : 5px;
     padding-top : 5px;
}

p { margin-top:7px; margin-bottom:7px; }

form { margin:0; }
input, select {font-family:verdana;font-size:100%}

#content_container ul {
  padding: 0;
  margin: 5px 0;
  list-style: none;
  list-style-image: url(/images/site/bullet_blue.gif);
}

#content_container li {
  margin-left:1.5em;
}

#content_container hr {
  clear:both;
  height:1px;
  border-top: 1px dashed #0a6486;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
  width:100%;
  background-color:#ffffff;
  color:#ffffff;
  margin:10px 0 5px 0;
}

/* ---------------------------------------------------------- */

DIV.searchContainer {
  width:100%;
  clear:both;
}

DIV.searchContainer DIV.searchLeft {
  width:74%;
  float:left;
}

DIV.searchContainer DIV.searchRight {
  width:24%;
  float:right;
}

#searchForm {
  background:#C6D3E7;
  width:100%;
}

#searchForm .header {
  padding:5px;
  color:#0a6486;
  font-weight:bold;
  width:100%;
}

* html #searchForm hr {
  margin:-5px 0 -5px 0;
}

#searchForm .content {
  padding:0 5px 10px 5px;
  width:100%;
}

#searchForm label {
  font-weight:bold;
}

#searchForm .submit {
  border:1px solid #ffffff;
  background:#0a6486;
  color:#ffffff;
  margin:10px;
  font-weight:bold;
}

/* ---------------------------------------------------------- */

TABLE.latest {
  width:100%;
  border-collapse:collapse;
}

TABLE.latest TH {
  text-align:left;
  padding:4px;
  border:1px solid black;
}

TABLE.latest TD {
  padding:4px;
  border:1px solid black;
}

/* ---------------------------------------------------------- */

TABLE.propertyList {
  margin-top:5px;
}
TABLE.propertyList TH {
  text-align:left;
  background-color:#566B88;
  color:white;
  padding:4px;
}

TABLE.propertyList .row1 TD {
  background-color:white;
  border-bottom:1px dashed #0a6486;
}

TABLE.propertyList .row2 TD {
  background-color:white;
  border-bottom:1px dashed #0a6486;
}


TABLE.propertyList TD {
  padding:4px;
}

/* ---------------------------------------------------------- */

fieldset.SortOptions {
  padding:10px;
  padding-top:0;
  margin-bottom:10px;
}

fieldset.SortOptions legend {
  padding:1px 5px 0 5px;
  color:#0a6486;
  font-weight:bold;
}

fieldset.SortOptions form {
  padding-top:5px;
}

DIV.searchResult {
  border-bottom:1px dashed #313031;
  padding-bottom:10px;
}

DIV.searchResult DIV.container {
  float:left;
  width:100%;
  margin-bottom:10px;
}

DIV.searchResult DIV.image {
  float:left;
  width:130px;
  height:98px;
  overflow:hidden;
  border:1px solid #0a6486;
  margin-right:5px;
}

DIV.searchResult DIV.details {
  float:left;
  height:98px;
  width:465px;
  line-height:1.5em;
}

DIV.searchResult .header, DIV.search_result a {
  color:#0a6486;
  font-weight:bold;
}

DIV.searchResult .header {
  margin-top:5px;
}

DIV.searchResult .link {
  margin-bottom:0px;
}

/* ---------------------------------------------------------- */

DIV.property {
  width:605px;
  margin-top:7px;
  float:left;
}

DIV.property DIV.imageContainer {
  float:left;
  width:135px;
  margin-right:5px;
}

DIV.property DIV.image {
  width:130px;
  height:98px;
  overflow:hidden;
  border:1px solid #0a6486;
}

DIV.property DIV.details {
  float:left;
  width:455px;
  line-height:1.5em;
}

DIV.property DIV.description {
  width:100%;
  border-bottom:1px dashed #313031;
  padding:5px 5px 5px 3px;
}

DIV.property DIV.enquiry {
  width:100%;
  border-bottom:1px dashed #313031;
  padding:10px 5px 10px 3px;
  background:#EFF3F7;
}

DIV.property .header, DIV.property a {
  color:#0a6486;
  font-weight:bold;
}

/* ---------------------------------------------------------- */

DIV.viewImages {
  float:left;
  width:100%;
  margin-top:7px;
}

DIV.viewImages DIV.activeImage {
  width:240px;
  float:left;
  margin-right:40px;
}

DIV.viewImages DIV.activeImage img {
  border:1px solid #0a6486;
}

DIV.viewImages P.zoom {
  margin:0;
}

DIV.viewImages DIV.thumbnails {
  width:50%;
  float:left;
}

DIV.viewImages DIV.thumbnailContainer {
  width:130px;
  height:110px;
  float:left;
  margin:0 10px 15px 5px;
}

DIV.viewImages DIV.thumbnail {
  float:left;
  width:130px;
  height:98px;
  overflow:hidden;
  border:1px solid #0a6486;
}

DIV.viewImages DIV.activeThumbnail {
  float:left;
  width:130px;
  height:98px;
  overflow:hidden;
  border:1px solid #0a6486;
}

DIV.viewImages DIV.activeThumbnail {
  opacity: .5;
  filter: alpha(opacity=50);
}

DIV.viewImages p {
  color:#0a6486;
}

DIV.viewImages .caption, DIV.viewImages .description {
  margin-top:5px;
  margin-bottom:0;
}

DIV.viewImages .caption {
  font-weight:bold;
}

DIV.viewImages .header {
  font-weight:bold;
  color:#0a6486;
}

/* ---------------------------------------------------------- */

#button {
  color:#0a6486;
  border:1px solid #0a6486;
  width:150px;
  text-align:center;
  font-weight:bold;
}

#button a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  margin:2px;
}

INPUT.submit {
  border:1px solid #0a6486;
  background:#ffffff;
  color:#0a6486;
  font-weight:bold;
  font-size:110%;
}

/* ---------------------------------------------------------- */

#content_container #content .pageTopContainer {
  width:614px;
  height:198px;
}

* html #content_container #content .pageTopContainer {
  margin-bottom:-32px;
}

#content_container #content .pageImageSpacer {
  float:right;
  width:335px;
  height:193px;
  margin:0 0 10px 0px;
}

#content_container #content .pageImageSpacerSingle {
  float:right;
  width:330px;
  height:193px;
  margin:0 0 10px 0px;
}
#content_container #content #dual_column_left .pageImageSpacer {
	margin-right: -168px;
}
#content_container #content .pageImage {
	height: 193px;
	margin-left: 5px;
	position: absolute;
	top: 33px;
	right: 1px;
	width: 335px;
	z-index: 1;
}

#content_container #content .pageChildren ul {
  list-style:none;
  margin-left:19px;
  padding:0;
}

#content_container #content .pageChildren li {
  margin:0 0 10px 0;
}

#content_container #content .pageChildren a {
  font-weight:bold;
}

/* ---------------------------------------------------------- */

#top_container #top, #top_container #top a {
  color:#C6D7DE;
}

/* ---------------------------------------------------------- */

DIV.formContainer {
  background:#C6D3E7;
  width:600px;
  padding:5px;
  padding-top:15px;
}

DIV.formContainer label {
  font-weight:bold;
}


DIV.formContainer INPUT.submit {
  border:1px solid #ffffff;
  background:#0a6486;
  color:#ffffff;
  font-weight:bold;
}

DIV.formContainer DIV.frmLabel {
  width:20%;
  float:left;
  margin-top:3px;
  margin-bottom:10px;
}

DIV.formContainer DIV.frmField {
  width:80%;
  float:left;
  margin-bottom:10px;
}

/* ---------------------------------------------------------- */


#content_container #left ul {
  list-style:none;
  margin-left:19px;
  padding:0;
}

#content_container #left li {
  margin:0 0 10px 0;
}

/* ---------------------------------------------------------- */

FIELDSET LEGEND {
  font-weight:bold;
}

FIELDSET LABEL {
  font-weight:bold;
}

/* ---------------------------------------------------------- */

TABLE.data {
  width:98%;
  border-collapse: collapse;
}

TABLE.data TH {
  background:#C6D3E7;
  text-align:left;
  font-weight:bold;
  color:#000000;
  padding:3px;
}

TABLE.data TD {
  border:1px solid #cccccc;
  padding:3px;
}

/* ---------------------------------------------------------- */

DIV.breadcrumb {
  position:absolute;
  right: 6px;
  width:360px;
  color:#086584;
  text-align:right;
  padding-top:3px;
  font-size:90%;
}

DIV.breadcrumb A {
  text-decoration:underline;
}

DIV.breadcrumb A:hover {
  text-decoration:none;
}

/* ---------------------------------------------------------- */


DIV.input {
  border:1px solid gray;
  background-color:#EEEEEE;
  padding:15px 10px 15px 10px;
  width : 500px;
  margin-top : 10px;
  margin-left : 0px;
}

DIV.input H1 {
  border-bottom:1px dashed gray;
  color:gray;
}

DIV.input H2 {
  border-bottom:1px dashed gray;
  color:gray;
}

DIV.input label {

}

DIV.submit {
  text-align:center;
  margin-top:5px;
  border:1px solid black;
  background-color:gray;
  padding:5px;
}

DIV.submit input {
  border:1px solid white;
  background-color:#566B88;
  color:white;
  font-weight:bold;
}

DIV.submit input.cancel {
  border:1px solid white;
  background-color:#A70000;
  color:white;
  font-weight:bold;
}

.genInput {
  border : black 1px solid;
  width : 180px;
  margin : 0.5em;
  padding : .3em;
  }

.genInputSelect {
  border : black 1px solid; 
  width : 180px;
  margin : 0.5em;
  padding : .3em;
  }
  
  .genValue {
  width : 120px;
  float : left;
  }
  
 .nabla {
  width : 20px;
  margin-left : 150px;
  }
  
  .genCheckbox {
  width : 10px;
  border : black 1px solid;
  }
  
  .genInputArea {
  border : black 1px solid;
  width : 300px;
  margin : 0.5em;
  padding : .3em;
  }

/* ---------------------------------------------------------- */

/* Things to see and do page */
div.edinburghBannerContainer {
  height:128px;
  width:438px;
  background-image: url(/images/site/pages/edinburgh_banner.gif);
}

div.edinburghBannerContainer div.linkContainer {
  background-color:#ffffff;
  display:inline;
  float:right;
  height:70px;
  width:238px;
  margin-top:23px;
  margin-right:28px;
}

div.glasgowBannerContainer {
  height:114px;
  width:438px;
  background-image: url(/images/site/pages/glasgow_banner.gif);
}

div.glasgowBannerContainer div.linkContainer {
  background-color:#ffffff;
  display:inline;
  float:right;
  height:70px;
  width:238px;
  margin-top:18px;
  margin-right:28px;
}

div.linkContainer h2 {
  font-weight:normal;
  font-size:110%;
  margin:0;
  margin-bottom:5px;
}

div.linkContainer p {
  margin:0;
  margin-bottom:5px;
  color:#086584;
}

/* ---------------------------------------------------------- */

/* The following classes are replacing inline styles */

h2.inline {
	float: left;
}
#button.inline {
	float: left;
	margin: 5px 0 0 2em;
}
div.newsBorderInline {
	clear: left;
	margin: 2em 0 0;
}
div.leftContHeight {
  height:400px;
}

div.footerCont {
  float:right;
  padding-right:10px;
}

div.bufferedCont {
  border:2px solid red;
  padding:5px;
}

div.newsBorder {
  border:1px solid #086584;
  padding:5px;
}
#propertiesForRent {
	float: left;
	margin: 0;
	width: 432px;
}
#propertiesForRent:not([style]) {
	margin: 0 0 1em;
}
h3.newsStyle {
  margin:0 0 5px 4px;
}

p.newsSubHead {
  margin:0 0 5px 3px;
}

li.blue {
  list-style-image: url(/images/site/arrow_blue.gif);
}

li.black {
  list-style-image: url(/images/site/arrow_black.gif);
}

.imageLook {
  position:absolute;
  top:630px;
  left:454px;
  z-index:100;
  border:1px solid black;
}

div.searchDevStyle {
  padding:10px;
  text-align:center;
}

div.usefulLinks {
  width:207px;
  float:left;
  padding-right:5px;
}

.clearStyle {
  clear:both;
}

h2.noticeTitle {
  margin-bottom:3px;
}

a#paynow{
 background:#0a6486;
 border:1px solid #000;
 color:#fff;
 display:block;
 margin:2em auto 0;
 padding:1em 0;
 text-align:center;
 width:80%
}

h3.devName {
  color:#39659C;
  margin-bottom:20px;
  margin-top:0;
}

span.greenColour {
  color:green;
}

div.widthLeft {
  float:left;
  width:100px;
}

b.bColour {
  color:#bbbbbb;
}

div.leftWidthText {
  float:left;
  width:405px;
  text-align:center;
}

div.leftRightWidth {
  float:left;
  width:100px;
  text-align:right;
}

.redColour {
  color:red;
}

div.leftWidthTop {
  float:left;
  width:130px;
  margin-top:3px;
}

div.leftSeventy {
  float:left;
  width:70px;
}

div.leftWidthTopLarger {
  float:left;
  width:170px;
  margin-top:3px;
}

div.goLeft {
  float:left;
}

div.rightTwenty {
  float:right;
  width:20%;
}

table.widthNinetyEight {
  width:98%;
}

div.propMainImage {
  float:left;
  width:105px;
  text-align:left;
}

.propImage {
  border: 1px solid #086584;
}

div.featuredProp {
  float:left;width:105px;
}

.noTopMargin {
  margin-top:0;
}

div.topLeftMargins {
  margin-left:5px;
  margin-top:5px;
}

.solBorder {
  border: 1px solid #086584;
}

.largeImBorder {
  border:1px solid #52698C;
}

a.noTextDec {
  text-decoration:none;
}

p.blackAndBold {
  color:black;
  font-weight:bold;
}

h3.clearRight {
  clear:right;
}

div.leftTwenty {
  float:left;
  width:20%;
}

div.leftSixty {
  float:left;
  width:60%;
  text-align:center;
}

div.leftTwentyRight {
  float:left;
  width:20%;
  text-align:right;
}

div.offerImage {
  float:left;
  width:170px;
}

.noBotMargin {
  margin-bottom:0px;
}

div.padding {
  padding : 4px;
}

p.rightMargin {
  float:right;
  margin-top : -30px;
}

/* End of classes replacing inline styles */


#payment_errors .Errors ul {
	border:2px solid red;
	color:red;
	margin-right:20px !important;
	margin-bottom:20px !important;
  list-style-image: url(/images/site/payment_bullet.gif) !important;
}

#payment_errors .Errors li {
	padding:5px;
	margin-left:30px !important;
	line-height:15px;
}

#payment_errors .Errors h2 {
	color:red !important;
}

/* Noticeboard development image. */
img.developmentphoto{
 border:1px solid #0a6486;
 display:block;
 margin:20px auto;
 padding:5px
}

/*additional questioannaire and remortgage form styles*/
#questionnaire span.mainLabel, #remortgage span.mainLabel
{
  float:left;
  font-weight:bold;
  width: 34em;
  clear:both;
  padding-right:1em;
}
#questionnaire fieldset, #remortgage fieldset
{
  clear:both;
  margin: 1em 0;
  background: #C6D3E7;
  border:1px solid #C6D3E7;
}
#questionnaire div, #remortgage div
{
  margin-top: 0.5em;
}
#questionnaire label, #remortgage label
{
  font-size:90%;
}
#questionnaire, #remortgage
{
  font-size:90%;
}
#questionnaire fieldset, #remortgage fieldset
{
  padding:10px;
  margin-right: 10px;
}


#questionnaire h1, #remortgage h1
{
  font-size:200%;
}
#questionnaire h2, #remortgage h2
{
  color: #0A6486;
}
#questionnaireTitle 
{
  text-indent:-9999px;
  background:url(../images/site/titles/title_online_survey.gif) no-repeat left;
}
#remortgageTitle 
{
  text-indent:-9999px;
  background:url(../images/site/titles/title_remortgage.gif) no-repeat left;
}
#additionalServices div.checkbox
{
  float: left;
  width:20%;  
}
#additionalServices input
{
  float:right;  
}
#additionalServices label
{
  padding:3px 0 0 0;
  float:left;
}
#basicInformation span.mainLabel
{
  width: 10em;
}
#questionnaire div.result
{
  font-size:120%;
  font-weight:bold;
  padding:7px;
  border:1px solid gray;
  background:  #F7EFA6;
  margin-right:10px;
}
form#remortgage h3
{
  margin-left:120px;
}

form#remortgage p
{
  margin-right:20px;
  margin-bottom:15px;  
}

div#companyMaa p
{
  margin-left:120px;
}
div#companyMaa
{  
  background:url(../images/site/logo_maa.gif) no-repeat top left;
}
div#companyCfe p
{
  margin-left:120px;
}
div#companyCfe
{  
  background:url(../images/site/logo_cfe.gif) no-repeat top left;
}
div#companyBuildstore p
{
  margin-left:120px;
}
div#companyBuildstore
{  
  background:url(../images/site/logo_buildstore.gif) no-repeat top left;
}

#sitemap {
	list-style: outside square;
	margin: 0;
	padding: 0;
}
#sitemap ol {
	list-style: outside square;
	margin: 0 0 0 2em;
	padding: 0;
}

.error_popup {
  border:1px solid black;
  background-color:red;
  font-weight:bold;
  color:white;
}


div#popular_searches {
	background:#eee;
	float:left;
	margin:14px 0;
	padding:0 0 7px 7px;
	width:98%;
}


#popular_searches .col {
		float:left;
		width:45%;
}

#popular_searches ul {
	margin: 0;
	padding: 0;
}
#popular_searches ul li {
	line-height: 120%;
	list-style: none;
	margin: 0;
	padding: 0 0 0.4em 0;
}