/* CSS for A Flat In Town Limited. www.aflatintown.co.uk.
* Authored by Sunsol. www.sunsol.co.uk. May 2005
* Made for IE/WIN IE/Mac Firefox
*/
* html body {
padding:0em;
margin:0em;
}

* body {
padding:0em;
margin:0em;
}
/* ==================================================================================================
------------------------------------ Typography */
h1, h1 a:link, h1 a:hover {
font:large Arial, Geneva, Helvetica, sans-serif;
color:#666;
margin:0 0 10px 0;
letter-spacing:-1px;
}

#resultsH1 {margin:10px 10px;}
h1.tprop, h1.lprop {margin:10px 10px 5px 10px;}
h1.propDetails, h2.propDetails, h1.search, h2.search {margin:10px 10px;}
h2.tprop, h2.lprop {margin:5px 10px 5px 10px;}
h3.tprop {margin:15px 10px 20px 10px;}

h2 {
font:medium Helvetica, Arial, Geneva, sans-serif;
color:#910018;
margin:5px 0 10px 0;
}

h3 {
font:bold small Helvetica, Arial, sans-serif;
color:#12441F;
margin:20px 0 2px 0;
}

h3.noMarginTop{margin-top:0;}

.festivalh3 a:link {
font:bold x-small Verdana, Geneva, sans-serif;
color:#12441F;
letter-spacing:0;
margin:0;
}

#edinlocate h2 {}
#edinlocate h3 {margin-top:10px;margin-bottom:2px;}
#edinlocate p {margin-top:2px;margin-bottom:2px;}

#festivalinfos p {margin-top:2px;margin-bottom:2px;}

#festivalinfos h3 a:link {color:#12441F;font-weight:bold;}
#festivalinfos h3 a:visited, #festivalinfos h3 a:active {
font:bold x-small Verdana, Geneva, sans-serif;
letter-spacing:0;
margin:0;
color:#666;
}

p, o1, ul, dl {
margin:20px 0;
font:x-small Verdana, Geneva, Arial, Helvetica;
color:#000;
line-height:1.5em;
}

ul {list-style-type:circle;}
dt {font-weight:bold;}
#rightMainContentCol ul {margin:10px 0 10px -20px;}
* html body #rightMainContentCol ul {margin:10px 0 10px 18px;}

address {
font:normal x-small Verdana, Geneva, sans-serif;
color:#333;
}

hr {
clear:both;
margin:15px 5px 10px 5px;
color:#910018;
border:1px dashed #ccc;
}

.redText {color:#910018;}
/* ==================================================================================================
------------------------------------   Menu */
#menu { /* =for Firefox/Win */
margin:0 10px;
}

* html body #menu {/*=- for IE5+/Win */
margin:1em 10px 0 10px;
}

#menu ul { /* =take out whitespace and list defaults */
padding: 0;
margin: 0;
list-style-type: none;
text-align:center;
clear:left;
}

#menu ul li{ /* =Position and size of list elements */
text-align:center;
float: left;
padding:0;
margin:0;
}

#menu ul li a {
background-color:#910018;
border:1px solid #910018;
margin:0;
padding:5px 0;
display:block;
width:112px;
height:inherit;
vertical-align:middle;
text-align:center;
font:x-small Tahoma, Helvetica, Geneva, sans-serif;
color:#fff;
text-decoration:none;
letter-spacing:1px;
}

* html body #menu ul li a, * html body #subMenu ul li a  {
margin:0;}

#menu li#wider a {
width:112px;
}
#menu li#firston a {
background-color:#fff;
color:#000;
height:inherit;
border-top:1px solid #910018;
border-bottom:1px solid #910018;
border-right:0;
border-left:1px solid #910018;
}
#menu li#laston a {
border-right:1px solid #910018;
border-left:0;
background-color:#fff;
color:#000;
height:inherit;
}

#menu li#on a {
background-color:#fff;
color:#000;
height:inherit;
border-top:1px solid #910018;
border-bottom:1px solid #910018;
border-right:0;
border-left:0;
}

#menu li#wideron a {
width:112px;
background-color:#fff;
color:#000;
border-top:1px solid #910018;
border-bottom:1px solid #910018;
border-right:0;
border-left:0;
}

#menu li a:hover{
color:#000;
height:inherit;
background-color:#BAA97D;
}

#menu a:active {
background-color:#fff;
color:#910018;
}
/* ==================================================================================================
------------------------------------   Feedback Row */
#feedbackRow {
margin:5px 5px -10px 2px;
padding:0 10px 0 5px;
font:x-small Verdana, Geneva, Arial, Helvetica;
color:#333;
clear:both;
}

* html body #feedbackRow {
margin:5px 5px -8px 5px;
font:x-small Verdana, Geneva, Arial, Helvetica;
color:#333;
clear:both;
}
/* ==================================================================================================
------------------------------------   Layout Divs */
#oneContentCol {
padding:20px 20px 10px 15px;
}
#oneContentCol p, #oneContentCol ul, #oneContentCol dl {margin-right:300px;}
* html body #oneContentCol ul {margin-left:50px;}

#topCurvedBorder{ /* =for non-IE */
margin:5px 8px -10px 5px;
padding:0;
}

#mainBodyBorder{ /* =for non-IE */
float:left;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 8px 0 5px;
padding:0;
background-color:#fff;
width:841px; /* width of site is 853px, nb box model and addition of margins etc to width attributes */
}

* html body #topCurvedBorder{
margin:5px 0px 0px 10px;
width:855px;
height:1%;
}

* html body #mainBodyBorder{margin:0 0 0 5px;}

#mainContentWrapper {
background-image:  url(../images/oldFacade_linebig.gif);
background-repeat:no-repeat;
background-position:center bottom;
float:left;
min-height:200px;
padding:0 0 10px 0;
}
/*---------------------------start of logos ------------------------------------------------*/
#logoWrapper {margin:0px 0 5px 10px;background-color:#fff;padding:0px;float:left;width:825px;}
* html body #logoWrapper {float:none;width:auto;}
#logo {
float:left;
vertical-align:bottom;
margin:10px 20px 5px 0;
background-color:#fff;
}
* html body #logo {margin:5px 10px 5px 0;}
#tagline {
font:small Arial, Helvetica, sans-serif;
color:#999;
letter-spacing:2px;
margin:22px 0 5px 1em;
}

* html body #tagline {margin:16px 0 0 15px;}
/*--------------------------- end of logos ------------------------------------------------*/

#leftMainContentCol {
clear:left;
margin:15px 10px 1em 10px;
padding:0;
border:0;
float:left;
width:310px;
}

* html body #leftMainContentCol {
margin:15px 10px 20px 5px;
width:290px;
}

#centreMainContentCol {
margin:15px 10px 1em 10px;
padding:0;
border:0;
float:left;
width:215px;
}

* html body #centreMainContentCol {
margin:15px 10px 20px 10px;
width:220px;
}

#rightFlatSearchCol {
margin:1em 0 0px 10px;
padding:0;
border:0;
float:left;
width:254px;
}
* html body #rightFlatSearchCol {margin:1em 0 0 10px;}

#homeFlatSearchContainer { /* sets the background-image position for the search form */
background-image:url(../images/searchBoxBgHome.gif);
background-repeat:no-repeat;
background-position:center center;
width:254px;
height:238px;
margin:0 0 0 -2px;
}
#homeflatSearchBox {padding:20px 0px 0 15px;} /* sets the search form position relative to background image */

/* --------------------------- for flat search boxes not on home page ---*/
.searchBg{
background-image: url(../images/searchBoxBgtallFl.gif);
background-repeat:no-repeat;
background-position:center center;
width:331px;
height:394px;
padding:10px 20px 0 30px;
margin:0 0 0 -28px;
float:left;
}

* html body .searchBg {padding:10px 10px 0 50px;margin:0 0 20px -32px;}
* html body form#flatSearchBox {margin:-10px 10px 0 -15px;padding:-5px -5px;}

table.searchBg td {margin:0;padding:0;}

#flatsearch td {
text-align:left;
vertical-align:middle;
padding:7px 5px;
margin:0;
}
#flatsearch th, #roomsearch th {text-align:left;}
/* --------------------------- for room search boxes ---*/
#roomSearchContainer {
width:254px;
height:238px;
background-image: url(../images/searchBoxBgHome.gif);
background-repeat:no-repeat;
background-position:center center;
padding:50px 0px 0 -5px;
margin:0px 0 0 -2px;
}
* html body #roomSearchContainer{
padding:50px 5px 0 0px;
margin:-10px 0 0 -5px;
}
table#roomsearch td, table#roomsearch th {padding:10px 5px 5px 5px;}
/* ==================================================================================================
------------------------------------  footer */
#footer {
clear:both;
margin:5px 1em 2em 1em;
padding:0;
border:0;
}

#footer p {
float:left;
margin:5px 15px 0px 2px;
color:#777;
}
/* ==================================================================================================
------------------------------------  forms */
form {
font:x-small Verdana, Arial, sans-serif;
color:#666;
padding:10px 5px 0 10px;
}

input, select, optgroup {
border:1px solid #666;
font:x-small Verdana, Geneva, sans-serif;
}

.area {font-weight:bold;}

textarea {
font:x-small Verdana, Geneva, sans-serif;
border:1px solid #666;
}
.buttons {border:0px;}
.checkbox, .radio {height:auto;border:0px;}
#minMax {display:block;}
#logInButton {
}

form#le_form th {
vertical-align:top;
text-align:left;
}
/* ==================================================================================================
------------------------------------  Tables */
table th {text-align:left;}
div.largePhoto {font:bold small "Lucida Grande", Tahoma, Geneva, sans-serif;color:#333;text-align:center;}
#address {margin:2em 0 0 0;}
#address th, #address td {
vertical-align:top;
text-align:left;
font:x-small Verdana, Geneva, sans-serif;
}
.te_form ul {list-style-type:none;margin:0;}
.te_form .removeFlats {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.te_form th {vertical-align:top; text-align:left;}
#propDetails {margin:0;}
#results, #tpropDetails, #lpropDetails, #propDetails {border:1px solid #999;background-color:#eee;margin:0 10px 10px 10px;}
#results th, #tpropDetails th, #lpropDetails th, #propDetails th {font:small "Lucida Grande", Tahoma, Geneva, sans-serif;color:#666;}
#propDetails th, #propDetails td {border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#propDetails .shadedBg {background-color:#ffffcc;font-style:italic; color:#666; width:15%;}
#propDetails th {width:15%;}
#propDetails .bottomcell {border-bottom:0;}
#results td, #tpropDetails td,  #lpropDetails td, #propDetails td {background-color:#fff; font:x-small Verdana, Geneva, Tahoma, sans-serif;}
/* ==================================================================================================
------------------------------------  drop shadow photos */
.out, .outBs, .outE, .outCl, .outFs, .outLa, .outTe, .outAb, .outAb2, .outC, .outOc, .outMini {
  display:block;
  width:auto;
  background:#bbb;
  position:relative;
  margin:15px 0;
  padding:0; /* increases width of shadows */
  }

.outMini {margin:10px 15px;}

.outBs {margin:5px 10px 0 15px;} /* right-aligned image */
* html body .outBs {margin:5px 10px 0 20px;}
.outE {margin:15px 0 15px 0;} /* left-aligned images */
.outCl {margin:10px 0 0 -5px;}
.outFs {margin:10px 10px 0 0;}
.outLa {margin:15px 10px 0 15px;}
* html body .outTe {margin:15px 0;}
.outAb {margin:10px 0 0 0;}
.outAb2 {margin:10px 0 -5px 0;}
.outTe {margin:5px 0 0 20px;}
* html body .outTe {margin:5px 0 0 10px;}
.outC {margin:35px 0 0 -15px;}
* html body .outC {margin:35px 0 0 0;}
.outOc {margin:0 0 0 15px;}

.in, .inMini {
  text-align:center;
  background-color:#fff;
  border:1px solid #555;
  position:relative;
  overflow:hidden; /* for Safari Mac, because if not set, photos seep over one of the borders */
  padding:0px; /* sets white gap between photo and border */
  margin:0px;
  width:auto;
  font-weight:normal;
  }

* html body .in {padding:5px 5px 0px 5px;}/* IE6+ Win has problems with bottom padding: so give IE version of site photos with white space between image and border*/
* html body .inMini {padding:5px 5px;}

.tpin {  top:-3px; } /* for top shadow */
.rtin {  left:3px;  } /* for bottom shadow */

/* classes for each photo's width */

.photoTe { width:261px;}
.photoLa { width:253px;}
.photoRm { width:229px;}
.photoFs { width:203px;float:right;}
.photoCl { width:357px;}
.photoE { width:262px;}
.photoBs { width:274px;}
.photoAb { width:294px;}
.photoAb2 { width:278px;}
.photoOc { width:235px;float:right;height:1%;}
.photoC { width:303px;}
.photoLe { width:373px;}

.photoBorder {text-align:center;border:1px solid #666;}
.contentsBorder img {text-align:center;border:1px solid #666;}
.copyrightPhoto {width:auto;padding:0;margin:0 0 20px 0;}
.copyrightPhoto p{
color:#999;
font-style:italic;
margin:0;
padding:0;
}
.copyrightPhoto p.te, .copyrightPhoto p.la {margin:0 0 0 20px;}
* html body .copyrightPhoto p.te {margin:0 0 0 15px;}
.copyrightPhoto p.C {margin:0 0 0 -10px;}
* html body .copyrightPhoto p.C {margin:0px;}
.copyrightPhoto p.Oc {margin:0;}
/* ==================================================================================================
------------------------------------  classes */
.tc h1 {margin:10px 10px;} /* for terms and conditions page */
.tc p.lastp {margin-bottom:40px;}
.tc p, .tc ul{margin:10px 20px;float:left; width:500px;}
.sorry  {padding:0 10px;}
.backToResults {float:right; padding:0 5% 10px 5px;}
.backToResultsD {float:right; margin:0 10% 10px 5px;}
.backToResultsBigPhoto {margin-right:10%;}

.mandatory {color:#FF3333;}

.center {text-align:center;}

.left {
text-align:left;
}

.right {
text-align:right;
}

.contactInfos {
color:#c30;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

.clear {
clear:both;
}

.nofloat {
float:none;
}
/* ==================================================================================================
------------------------------------  links */
p a.top {margin:10px 0 0 0;}
p.toptc {float:right;} /* page anchors on terms and conditions page */
* html body p.toptc {float:none;padding:10px 5px;}


a:link, a.controls {
font:x-small Verdana, Arial, Helvetica, sans-serif;
color:#910018;
margin:0;
}

a:visited {
color:#666;
margin:0;
}

a:hover {
text-decoration:none;margin:0;
}

a:active {
color:#910018;margin:0;
}

a.contactInfos:hover {
text-decoration:none;
color:#000;
}

a.anchor {
font:x-small Verdana, Arial, Helvetica, sans-serif;
color:#910018;
margin:0;
}

a.anchor:visited {
font:x-small Verdana, Arial, Helvetica, sans-serif;
color:#910018;
margin:0;
}

/* ==================================================================================================
------------------------------------ images */
#headerPhoto {
display:block;
}
#photo {margin:10px 0;}
/*
.photos {padding:5px;border:1px solid #9c9;margin:5px 0px;}
.photos_left {padding:5px;border:1px solid #9c9;margin:5px 15px 0 0;}
.photos_right {padding:5px;border:1px solid #9c9;margin:5px 0 0 15px;}
*/