/*
for individ ad pages eg property.php
*/
p#column_trail{
  text-align:right;
}
p#column_trail img {
  width:25px;
}





/* align multi-line free ads (now they are 20 words) on RHS on sharing icons */
/* increase readability with more line-height */

table#blue ul, table#a-table-responses ul {
    list-style-type:none;
    padding-left:0;
}

ul.f-a li b.h{
    text-transform:uppercase;
    font-weight:bold;
}

ul.f-a {
  font-size: 11px;
}
ul#f-a span.a_text {
    font-size: 1.3em;
}
ul.f-a span.info {
}
ul.f-a span.date {
    color: #555;
/*	width: 30%; */
  float:left;
}
ul.f-a span.date-and-map-link span.postcode-map-link {
position: absolute;
top: 20px;
left: 0;
}

ul.pl li {
    margin:0 0 1em 0;
    clear:left;
}
ul.pb {
    text-align:center;
    margin:auto;
}

ul.pb li.colspan-2.has-pics {
  padding-bottom:0;
}

ul.pb li.colspan-2.has-pics span.photo {
  margin-bottom: 10px;
  margin-top: 5px;
}
/* thumbnail styles */



.photo span {
/* force the shape of the span within the container */
  position: relative;
  overflow: hidden;
}
.photo span.main {
  width: 85px;
  height: 85px;
}
.photo span.sub {
/* force the shape of the span within the container */
  width: 40px;
  height: 40px;

}
.pl li.onepic, .pl li.multipic {
    min-height:90px;
}
.pl .photo span.sub {
/* make little pics for line ads go to the right */
   width: 40px;
    height: 85px;
    float:right;
}
.pl .photo {
    width:130px;
    float:left;
}
.pl .photo {
margin: 0 5px 0 0;
}
.pl .photo span.sub img{
  margin: 0px 0px 0px 0px;
     width:40px;
 height:40px;

}

.photo img.main{
 width:85px;
 height:85px;
}

/* single column box ad sub-picture table styling */
li.a_box.colspan-1 .photo img.main{
 margin-right:3px;
}
li.a_box.colspan-1 .photo img.sub-pic-2 {
  margin-top:-1px;
}
/*  firefox */
@-moz-document url-prefix() {
  li.a_box.colspan-1 .photo img.sub-pic-2 {
    margin-top:-2px;
  }
}
li.a_box.colspan-1 .photo img.sub-pic-4{
  margin-left:-3px;
}
li.a_box.colspan-1 .photo img.sub-pic-3{
  margin-left:-3px;
}

/* does this apply to free ads - do they have a .sub? */
ul.f-a .photo img.sub{
 width:40px;
 height:40px;
     display:inline;

}
ul.pb .photo img.sub{
  width:40px;
  height:40px;
}
/*ul.f-a div.photo {
 display:inline;
 float:left;
}*/

.pb .colspan-1 .photo {
/*	margin-top:10px;
  position: absolute;
  left:15px;  */
}
.pb .colspan-2 .photo {
  display: inline-block;
}
.pb .colspan-2 span.main{
  float:left;
}
.pb .colspan-2 span.sub {
  float:left;
  height:85px;
  padding-left:5px;
}
.pb .photo table td {
  border:none;
  min-width:40px;
  min-height:40px;
  vertical-align:top;
}

div.double span.share-a {
margin-top: 20px;
display: block;
}

.pb div.sect_middle, .pb div.sect_left, .pb div.sect_right {
/*  display:inline;
  position:relative;  */
}
.pb .colspan-1 .a_text{

}
.pb .colspan-1 div.sect_across {
  width:100%;
  clear:both;
  display:block;

}
.pb div.sect_left {
  /*  float:left; */
}
ul.pb	p.snippet {
text-align:center;
padding: .4em 0;
}
a.extension, p.extension buttonz {
    font-size:10px;
}
ul.pl div.extension {
display: inline;
float: right;
/*position: relative;*/
top: -3em;
}
.under-tag ul {
  list-style-type:none;
    font-size:.8em;
}

ul.pb .under-tag ul li {
  border-top:none;
    padding:.2em 0 0 0;
}
ul.pb .sect_left {
  max-width:150px;
  width:150px;
}

ul.pb .sect_right {
  float:right;
}

/* all icons */

.di-fa-icons i {
  cursor:pointer;
}

/* line ad icons */

.di-fa-icons{
  display:block;
  white-space:nowrap;
  width:30px;
}

/* box ad icons */
ul#pb span.di-fa-icons{
  display:block;
  width:90px;
  white-space: nowrap;
}
ul#pb span.di-fa-icons .di-fa-star-share {
  width: 40px;
  float:right;
}
ul#pb span.di-fa-icons p{
  margin: 0.1em 0;
  float: right;
}
ul#pb p.email_me_text{
  display:none;
}

/* own page read more details page icons */
#own_page .di-fa-icons{
  display:inherit;
}

ul.pb .sect_middle {
/*  width:350px;  */
  text-align:center;
/*  float: left;  */
}
ul.pb li.placing {
  border-top:none;
}
ul.pb li.placing .sect_middle {
  display: block;
  margin: 0 auto !important;
  margin-bottom: 100px !important;
  width: 340px;
  border: 2px solid black;
  padding: 20px;
  background-color: white;
}
ul.pb li.placing .photo{
  margin-top: -25px;
  margin-left: 200px;
}
li.a_box .photo td {
  padding:0px;
}
.sect_middle p {
text-align:center;
}
ul.pb h2 {
  margin-top:0px;
}


ul.pb .sect_right .under-tag ul {
    /* if box has side box - which should only happen if it's only one col - and that div has tags within it */
    max-width:120px;
    width:120px;
    text-align:left;
}

/*
ul.pb li div.photo img {
    width:80px;
    height:80px;
    margin:10px;
}

ul.pb  div.photo {
    float:none;
    display:block;
    width:100%;
    margin:auto;

    text-align:center;
}
ul.pb div.photo span.rt {
 display:inline;
}

*/


ul.f-a li {
    clear:both;
    min-height:50px;
    padding-top:3px;
    /*border-top:1px solid #bbf;*/
    position:relative;
}
ul.f-a li.hasNoPics{
  min-height:50px;
}
.col-jo ul.f-a li.hasNoPics{
  min-height: 100%;
}
ul.f-a li.placing {
  min-height:50px;
}
a.f-a-photo-links {
  font-size:.9em;
}
ul.pb li {
  border-top: 2px solid white;
  padding-top: 2em;
  padding-bottom: 2em;
}

ul.f-a .photo img {
 width:40px;
 height:40px;
 /* margin-left:5px;  */
}
ul.f-a span.info {
/*display:block;*/
font-size:1.1em;
width: 75%;
float: right;
}

ul.f-a .photo {
  float: left;
  margin: 0 0 0 0;
  width: 55px;
  min-height: 50px;
}
ul.f-a .photo{
  min-height: 0;
}
ul.f-a .a_text.hasNoPics {
  margin-left:55px;
}
.col-jo ul.f-a .a_text.hasNoPics {
  margin-left:0px;
}
ul.pl .photo.place-holder{
  display:none;
}
.col-jo ul.f-a .photo.place-holder{
  display:none;
  width: 0px;
}

li.dayspace {
  min-height: 7px !important;
  /* background: green; */
  border-top: 2px solid white;
  margin-top: 7px;
}
.col-jo li.dayspace {
  min-height: 14px !important;
  margin-top:0px;
  border-top:none;
}


/* end of thumbnail styles */

/* own page styles */

#own_page #tagcloud {
  width:330px;
}
#own_page div.blue {
min-width:720px;
}

#own_page .photo img {
 width:100px;
 height:100px;
 margin-right:5px;
 margin-left:5px;
}
#own_page .snippet {
  text-align:left;
}
#own_page .photo {
  margin-bottom:1em;
}


#own_page #right {
 float:right;
}
#own_page #left {
 float:left;
}
#own_page .side_box {
    float:none;
}

/* own page ad text etc styles */
#own_page .a_text_wrapper {
  display:block;
  padding:1em;
}
#own_page span.backlink{
  float:left;
}

.snippet {
/*background:rgb(253, 255, 255);*/
text-align: right;
color: grey;
font-style: italic;
margin: 0 0 .2em 0;
}
ul#f-a li .snippet{
  padding-top:0.2em;
}
body {
    font-size:1em;
}
div#sharing #share{
    float:right;
    margin:0;
    display:table;
}
div#sharing .place{
    float:left;
}
div#sharing {
    margin-bottom:2em;
}
ul.pb li span.share-a{
      margin-bottom:.2em;
}

/* sharing and the user flag-star and the agency text*/

ul.f-a span.share-a {
  float:right;
  padding-left:15px;
  margin-right: 4px;
  font-size:13px;
}
ul.pl span.share-a, .a_free span.share-a {
  float:right;
  padding-left:15px;
}
.desktop span.share-a i.di-fa-star {
  padding-right: 4px;
}
.desktop .agency_text {
  font-size:0.7em;
  display:block;
}
.desktop ul#pb .agency_text {
  /*  display:none; */
  display:block;
}
.desktop .postcode_text{
  float:right;
}
/* some ad place preview styles - TODO: rationalise */
div.place-ad-preview li {
  list-style-type:none;
}

div#offer_tasters {
  background:white;
}

div#extra {
    margin-bottom:1em;
}

div#offer_link{
  padding:1em;
    color:white;
}
div#offer_link a, div#offer_link a:visited {
  color:white;
}


.desktop div#wrap{
    width:910px;
    margin:auto;
    /*for internet explorer;*/
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
}
div#container {
/*background:yellow;*/
    text-align:left;
}

div#top h1 {
 text-align:left;
 margin:0 0 0.2em 0;
 line-height:.7em;
}

h1 img, h2 img {
 width:1em;
 margin: 0.2em 0.2em 0em 0.2em;
}

div#sidebar  {
    float:right;
    width:180px;
    margin:1em 0 2em 0;
}

#sidebar ul {
    list-style-type:none;
    font-size:.7em;
    padding:0;
    margin:0;
}
#sidebar ul li {
    margin-left: 0;
    padding-left: 0;
}
#sidebar ul li img{
    width: 1em;
    margin: .5em .2em 0 0;
}

li.group_name {
    color:#000099;
     font-size:1.3em;
    font-weight:bold;
    margin-top:0.5em;
}

div#adboard_banner {
/*also for google */
        text-align:center;
        margin:auto;
}

#adboard_banner span {
        margin:0 .5em;
}


div#google_ads {
    text-align:center;
    width:100%;
    border:1px solid #3F365E;
    padding-top:1em;
    padding-bottom:1em;
    background:#fff;
}

div#tasters {
    margin-top:2em;
    font-size:.7em;
}
#tasters b, p#didyouknow b {
    font-size:1.35em;
    color:#c50;
}

p#didyouknow{
    font-size:.8em;
}

div#oxford_answers_box {
 font-weight:bold;
 margin-top:1em;
 font-size:1.2em;
 text-align:center;
}

div#antiscam {
    border: 1px solid #E01B4C;
    margin:0 0 1em 0;
    font-size:.7em;
    padding:1em;
    background:#fff;
}

div#antiscam span{
    color: #E01B4C;
    font-weight:bold;
    font-size:1.3em;
}

div#antiscam img{
    text-align:center;
    border:0;
}

div#adform{
    text-align:left;
     font-size:.8em;
  background:#e2eeff;
  padding:.3em 1em;
  margin-top:1em;
}

div#adform b {
    font-size:1.2em;
}

div#adform h3 {
    text-align:left;
 font-size:2em;
}
div#main {
  float:left;
    text-align:left;
    width:710px;
    padding: 15px 0px;
    position:relative;
    z-index:2;
    /*background:red;*/
}

div#top {
    text-align:justify;
    font-size:.8em;
    background:#fff;
    padding:1em 2em 0.5em 2em;
    margin-bottom:1em;
    border:3px solid #e2eeff;

/*	background:yellow; */
}


div#top p {
    padding: 2px 0px;
    margin:0.3em 0;
}
div.under{
    clear:both;
    text-align:left;
}
div#under_ads{
    font-size:.9em;
  margin-top:12px;
}

div#under_ads ul{
    list-style-type: circle;
}


div#main table#blue, div#own_page div.blue {
 background:#e2eeff;
 border:1px solid #B0BBFF;
}
div#own_page div.blue {
  padding:1em;
}


.ad_foot_cell {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: .68em;
background-color: #ffffee;
border:1px solid black;
padding: 3px;
margin:10px 0px;
}

.phonedate {
  vertical-align: top;
  font-family: verdana, arial, helvetica;
  font-size: .8em;
    color: green;
}



ul.pl li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
text-align: justify;
background: #F2F7FC;
border-top: 2px solid #b0bbff;
border-left: 3px solid rgb(130, 146, 245);
padding: .2em .3em;
}


.thumbline{
    float:left;
}

/* start of tag styles */

div#tagcloud {
    width:180;
    word-wrap:break-word;
    text-align:center;
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 1em;
    background:#fff;
}

div#revtasters {
    font-size:1em;
}

div#tagcloud span i {
     color: #C0c0c0;
     font-size: 0.7em;

}

div#tagcloud a {
     color: #000;
     text-decoration:none;

}

div#sidebar div#tagcloud  {
    width:180px;
    line-height:1.7em;
}


/* for underlining html in ads */
a.a-tag, a:link.a-tag, a:visited.a-tag   {
    text-decoration: none;
    color:black;
  border-bottom: 1px dotted green;
}

.a-tag  {
    text-decoration: none;
    color:black;
    border-bottom: 1px dotted green;
}

a:hover.a-tag {
    text-decoration: none;
    color:black;
  background-color:white;
    border-bottom: 1px solid green;
}
/*we had to change the name of the class ad_tag cos of bloody adblocker
leaving these here for a couple of days so that the styles don't flange
in that delightful way they have of not synching with the pages cos of caching */
a.ad_tag, a:link.ad_tag, a:visited.ad_tag   {
    text-decoration: none;
    color:black;
  border-bottom: 1px dotted green;
}

.ad_tag  {
    text-decoration: none;
    color:black;
    border-bottom: 1px dotted green;
}

a:hover.ad_tag {
    text-decoration: none;
    color:black;
  background-color:white;
    border-bottom: 1px solid green;
}

/* 2014 box ad styles photos and icons */

.desktop div.sm{
  display:inline-block;
}
.desktop div.sm .a_text{
  float:left;
  margin-right: 15px;
}
.desktop .has-email-me-at-end div.sm .a_text{

}
.desktop div.sm .photo{
  /*  float:left; */
  position:absolute;
}
.desktop ul#pb .sect_middle .photo.all-small {
  margin-right:90px;
}
.desktop div.sm .photo.place-holder{
  /*  width:134px;  */
}

/* end 2014 box ad styles photos and icons */




/* for side panel of tags on adboard */
#side-tag {

    font-family: Arial, Helvetica, sans serif;
    text-align:left;
    font-size: 90%;
    background-color: #ffffee;
    border:1px solid black;
    padding:3px 0px 3px 5px;

}
#side-tag a,  .under-tag a {
    text-decoration:none;
    color:black;
    padding: 3px 3px 1px 1px;
}
#side-tag div div {
    padding-bottom:1em;
}
#side-tag div#selected-tags div a {
    background-color:#ffffdd;
    border:1px solid #c50;
}
#side-tag div#selected-tags div a.remove_tag {
    background-color:transparent;
    border:none;
}
#side-tag div#related-tags div a{
    background-color:#e0eeff;
    border:1px solid #B0BBFF;
}
/* end of tag styles */


/* colour-button styles etc. are for flagging ads */

.index-button-gn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
}
.index-button-gn a {
    display: block;
    width: 100%;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #006600;
    border-bottom: 1px solid #006600;
    border-left: 1px solid #FFFFFF;
    background-color: #e9ffbb;
    padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 0px;
    color: #006600;
}
.index-button-gn a:hover {
    background-color: #aaff88;
    border-top-color: #006600;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #006600;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 1px;
    text-decoration: none;
    color: #006600;
}

.blue-button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    background-color: #e2eeff;
}
.blue-button a {
    display: block;
    width: 100%;
    height:100%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000099;
    border-bottom: 1px solid #000099;
    border-left: 1px solid #FFFFFF;
    background-color: #E2EEFF;
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
}

.blue-button a:hover {
    background-color: #B0BBFF;
    border-top-color: #000099;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #000099;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    text-decoration: none;
    color: #000066;
}
.red-button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    background-color: #FFCCCC;
}
.red-button a{
    display: block;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #660000;
    border-bottom: 1px solid #660000;
    border-left: 1px solid #FFFFFF;
    background-color: #FFBBBB;
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    color: #660000;
}
.red-button a:hover {
    background-color: #FF4A4A;
    border-top-color: #660000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #660000;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    text-decoration: none;
    color: #666600;
}
.yellow-button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    background-color: #FFFFCC;
}
.yellow-button a{
    display: block;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #666600;
    border-bottom: 1px solid #666600;
    border-left: 1px solid #FFFFFF;
    background-color: #FFFFBB;
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    color: #666600;
}
.yellow-button a:hover {
    background-color: #FFFF4A;
    border-top-color: #666600;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #666600;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    text-decoration: none;
    color: #666600;
}
.flag-button{
    width:19px;
    height:15px;
    position:relative;
    top:0;
    border:0;
    overflow:hidden;
}
ul.f-a .flag-button {
    margin-left:10px;
}
.flag-img-hidden{
    position:absolute;
    visibility:hidden;
    cursor:hand;
}
.flag-img{
    cursor:hand;

}
.share-a img {
  width:15px;
  margin-right:5px;
}
.di-user-flag.di-user-flagged{
  color: yellow;
  text-shadow: 0px 0px 5px orange;
  -webkit-text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
}
/*********** End of flagging ads styles ***********/

/* Sharing Modal Box Styles */

    .shareMe{
      cursor:pointer;
      /*visibility:hidden;*/
    }
    .sharingBoxText{
      float:left;
      clear:left;
      font-size:0.9em;
      padding-top:0.5em;
      font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    .sharingBoxAdText{
      font-size:0.8em;
      font-style:italic;
      padding-top: 0em;
      padding-bottom:0.6em;
    }
    .sharingBoxButtons{
      float:left;
      clear:left;
    }

/* End of Sharing Modal Box Styles */

/* Ad Pic Styles 2014 */

.photo img {
  border-radius: 3px;
}
/* adboard media-specific styles 2014 inc media queries for screen size adjustment */
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
  .desktop div#wrap{
    width:1010px;
  }
  .desktop div#main{
    width:810px;
  }
}
@media only screen
and (max-width : 1223px){
  ul#pb span.di-fa-icons{
    width:120px;
  }
  ul#pb .colspan-2 span.di-fa-icons{
    width:100%;
  }
  ul#pb .colspan-2 span.di-fa-icons > p{
    margin-left: 10px;
  }
}
@media only screen
and (max-width : 768px) {
  .desktop div#wrap{
    width:768px;
  }
  .desktop div#main{
    float:none;
    margin:0 auto;
  }
  .desktop div#sidebar{
    display:none;
  }
  ul#pb span.di-fa-icons{
    width:120px;
  }
}

/* icons for property pages list */

ul#property_browse li {
  list-style-type:none;
  list-style-position:inside;
}
ul#property_browse li.van {
   list-style-image: url('/dimages/icons/glyphish/free/157-wrench.png');
}
ul#property_browse li.car {
   list-style-image: url('/dimages/icons/glyphish/free/60-signpost.png');
}

ul#property_browse li.house {
  list-style-image: url('/dimages/icons/glyphish/free/53-house.png');
}

ul#property_browse li.boat {
  list-style-image: url('/dimages/icons/glyphish/free/150-sailboat.png');
}
ul#property_browse li.hotel {
  list-style-image: url('/dimages/icons/glyphish/free/148-doghouse.png');
}






/* print styles 2014 */

@media print {
  div#lozenge_container{
    display:none;
  }
  div#wrap{
    width:100% !important;
  }
  div#main{
    width:100%;
  }
  div#blue{
    width:100%;
  }
  div#extra{
    display:none;
  }
  ul.pb li{
    page-break-inside:avoid;
  }
  ul.pl li{
    page-break-inside:avoid;
  }
  ul.f-a li{
    page-break-inside:avoid;
  }
  div#adform{
    display:none;
  }
  div#under_ads{
    display:none;
  }
}


div.adboard_htmltop p {
      display: block;

}