@charset "utf-8";
/*--- css document for BFB listing pages by Richard Henry for Baby-Friendly Boltholes 2009 ---*/
#listingtopstrip {
width:689px;
height:73px;
clear:left;
float:left;
margin:5px 0 0 10px;
position:relative
}
#listingtopbox {
width:558px;
height:73px;
background-color:#efedee;
clear:left;
float:left;
margin-top:16px;
display:inline;
position:relative;
margin:0
}
#listingtopbox .listelement {
color:#754674;
font-weight:600
}
#filterblock {
width:128px;
height:73px;
background-color:#efedee;
text-align:center;
clear:right;
float:right;
display:inline
}
#sorttype {
font-size:0.76em;
}
#filteroptions label {
font-size:0.9em;
margin-right:4px;
}
#breadcrumb {
font-size:0.86em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
width:auto;
height:auto;
clear:both;
float:left;
margin:3px 0 0 12px
}
#breadcrumb ul li, ul#datestrip li {
float:left;
display:inline
}
#breadcrumb ul li a {
color:#7e7e7e;
padding:2px
}
#breadcrumb a:hover {
background-color:#b768a9;
color:#ffffff
}

h1#listingtitle, h2#listingsubtitle, #datestrip, #searchnumbersstrip {
clear:both;
float:left;
margin-top:16px;
font-size:1.6em;
}
h1, h2 {
color:#4e5355
}
h1#listingtitle {
clear:none;
display:inline;
margin-left:8px
}
h2#listingsubtitle {
font-size:1.2em
}

#datestrip, #searchnumbersstrip {
font-size:1em;
width:560px
}
ul#datestrip {
clear:none;
float:right;
display:inline;
font-size:0.8em;
width:auto;
color:#4e5355;
margin:7px 8px 0 0
}
ul#datestrip li {
clear:right;
float:right;
margin-right:6px
}
#datestrip li {
width:auto;
}

p#searchreturned {
position:absolute;
bottom:3px;
left:11px;
font-size:0.76em;
width:auto;
}
.specialnote {
font-size:1.2em;
font-weight:600;
color:#7c3b79;
padding:1px
}
a#comparebutton {
float:right;
margin:2px 5px 0 0;
display:inline;
width:126px;
height:24px;
background-image:url(../elements/images/shortlist.png);
background-position:top left;
background-repeat:no-repeat;
}
a#comparebutton:hover {
background-image:url(../elements/images/shortlist_active.png);
}
#listing_displayresults {
clear:both;
float:left;
width:696px;
height:auto;
margin:0 0 0 8px
}
.listingblock {
width:689px;
height:150px;
margin:9px 0 0 3px;
position:relative;
clear:both;
background-color:#f5f3f4;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.display {
float:left;
display:inline;
border:1px solid #e5e5e5
}
.listingimage {
float:left;
margin:9px;
width:208px;
height:130px;
overflow:hidden
}
.listingdetails {
position:absolute;
top:6px;
left:238px;
width:308px;
height:136px;
}
.listingend {
float:right;
display:inline;
width:128px;
height:150px;
background-color:#edebec;
position:relative
}
.listingenquire {
width:103px;
height:132px;
position:absolute;
bottom:10px;
left:13px;
text-align:center;
}
.listingenquire p {

}
.rates, .quotes {
position:absolute;
top:0;
left:16px;
width:66px;
font-size:0.8em
}
.quotes {
left:5px;
/*padding-top:16px;*/
color:#686d6f;
/*background-image:url(../elements/images/bfbmumsays.png);
background-position:top left;
background-repeat:no-repeat;*/
font-size:11px;
font-style:italic;
font-weight:600;
text-align:left;
line-height:16px;
width:103px
}
a.booknow, a.moreinfo {
position:absolute;
left:0;
width:103px;
height:24px;
background-position:top left;
background-repeat:no-repeat;
display:block
}
a.booknow {
bottom:0;
background-image:url(../elements/images/reserve_now.png);
}
a.booknow:hover {
background-image:url(../elements/images/reserve_now_active.png);
}
a.moreinfo {
bottom:28px;
background-image:url(../elements/images/button_more_info.png);
}
a.moreinfo:hover {
background-image:url(../elements/images/button_more_info_hover.png);
}
.listingpricemain {
position:absolute;
top:16px;
left:7px;
font-size:1.1em;
color:#5d5d5d;
font-weight:800;
width:90px;
}
.listingpricesecondary {
position:absolute;
font-size:1em;
color:#5e5e5e;
width:80px;
left:11px;
top:43px;
}
.listingpricenotice {
position:absolute;
top:17px;
left:7px;
font-size:0.8em;
color:#5d5d5d;
font-weight:800;
width:90px;
}
/*--- paging ---*/
#searchnumbersstrip {
clear:both;
float:left;
margin:8px 0 0 8px;
font-size:1em;
color:#787677;
width:696px;
height:30px;
position:relative
}
#pages {
float:left;
display:inline;
margin:1px 0 0 0;
width:558px;
height:29px;
position:relative;
}
#pages_bottom {
clear:both;
float:left;
margin:18px 0 0 9px;
width:560px;
height:29px;
position:relative;
}
a#backtotop {
color:#525256;
/*position:absolute;
right:5px;
top:0;*/
clear:both;
float:left;
margin:12px 0 0 10px;
width:95px;
padding:2px;
font-size:0.8em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
a#backtotop:hover {
background-color:#b768a9;
color:#fff
}
/* --- paging for listings --- */
.pagingbar {
padding:1px 0 3px 0
}
ul.paging {
margin:0 0 0 6px/* was 4px 0 */
}
ul.paging li, .backward, .forward {
width:22px;
height:22px;
text-align:center;
float:left;
margin-right:6px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:0.76em
}
.forward {
display:inline;
float:left;
margin-right:6px
}
ul.paging li a {
width:19px;
height:22px;
clear:none;
display:block;
border:1px solid #c4c4c4;
color:#515151
}
ul.paging li a:hover {
border:1px solid #ffffff;
background-color:#f1f19a;
color:#424648
}
ul.paging li.active a {
background-color:#fbecf2;
border:1px solid #956f93;
}
.backward {
background-image:url(../elements/images/paging_back_arrow.png);
background-position:center;
background-repeat:no-repeat;
}
.forward {
background-image:url(../elements/images/paging_forward_arrow.png);
background-position:center;
background-repeat:no-repeat;
}
/* --- paging --- */
img.bfbrating {
position:absolute;
right:0;
top:1px
}
h3.listingpropertyname a {
float:left;
font-size:0.9em;
font-weight:600;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
width:300px;
height:21px;
overflow:hidden;
color:#4e5355
}
h3.listingpropertyname a:hover  {
color:#b768a9
}
.firstelement, .secondelement, .thirdelement, .fourthelement {
font-weight:400;
color:#7e7e7e;
clear:none;
float:left;
display:inline
}
.firstelement, .thirdelement {
font-weight:600;
font-size:0.84em
}
.secondelement, .fourthelement {
margin:0 9px 0 3px;
font-size:0.84em
}
.thirdelement {
margin:0 0 0 0;
}
.region {
clear:both;
float:left;
margin-top:1px;
font-weight:600;
color:#7e7e7e;
line-height:1.3em;
font-size:0.76em;
width:308px;
height:auto;
overflow:hidden
}
.displaysecond {
font-weight:400;
color:#7e7e7e;
font-size:0.96em
}
.propertydescription {
clear:both;
float:left;
margin-top:3px;
width:303px;
height:32px;
overflow:hidden
}
.propertydescription p {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:1.1em;
font-size:0.80em;
color:#747474;
margin:2px 4px 0 1px
}
ul.propertydetailslist {
position:absolute;
bottom:0;
left:0;
color:#767676
}
ul.propertydetailslist li {
clear:left;
float:left;
display:inline;
line-height:1.3em;
font-size:0.86em;
}
img.rating {
clear:none;
float:left;
display:inline;
margin:1px 0 0 5px;
width:61px;
height:16px
}
a.moreimages {
position:absolute;
bottom:40px;
right:0
}
.specialoffer {
position:absolute;
bottom:39px;
right:0
}
.propertytick {
position:absolute;
bottom:0;
right:0;
color:#767676
}
.propertytick label {
margin-right:4px;
color:#754674;
font-size:0.75em;
font-weight:600
}
.propertyremove a {
position:absolute;
bottom:2px;
right:0;
color:#767676;
width:16px;
height:16px;
background:url(../elements/images/delete.png) center no-repeat;
}
.propertyremove a:hover {
background:url(../elements/images/delete_active.png) center no-repeat;
}
.propertyremovelabel {
position:absolute;
bottom:0;
right:19px;
color:#754674;
font-size:0.70em;
font-weight:500
}
/* --- left column --- */
#leftcolumn {
float:left;
height:100%;
background-color:#ffffff;
width:245px;
}
#newfeatures {
clear:both;
}
#lifestyle {
margin-top:5px;
}
#lfgblock {
clear:both;
margin-top:27px;
}
.resetbutton {
clear:none;
float:right;
display:inline;
margin:12px 14px 0 0;
height:24px;
width:24px;
background-image:url(../elements/images/reset.png);
background-position:top left;
background-repeat:no-repeat;
}
#searchbox {
clear:both;
float:left;
width:237px;
min-height:567px;
height:auto;
background-image:url(../elements/images/stripesback.png);
background-position:top left;
background-repeat:repeat;
margin:5px 0 0 9px;
padding-bottom:9px
}
#searchblock {
min-height:558px;
height:100%;
padding-bottom:20px
}
#searchblock .searchelement {
clear:both;
height:auto;
display:block;
}
#searchblock .searchelementcontent {
height:31px;
position:relative;
clear:both;
}
.searchelementcontent label {
font-size:0.86em;
font-weight:500;
position:relative;
top:2px
}
label .count {
font-weight:600;
font-size:1em;
padding:0 1px;
color:#e8d9e8
}
#searchblock .searchelementcontent.double {
height:70px;
}
#searchblock .searchelementcontent.triple {
height:100px;
}
#searchblock .searchelementcontent input.active  {
background-color:#d9e021;
border:1px solid #d9e021
}
#searchblock .searchelementcontent label.active  {
color:#e8eb70;
background-color:#6b7172
}
/*---toptwo blocks --- */
.searchelementcontent label.toplabel {
position:relative;
clear:both;
float:left;
margin:1px 0 2px 2px;
font-size:0.9em;
font-weight:600;
width:130px
}
a#searchgo {
width:219px;
height:24px;
display:block;
background-image:url(../elements/images/refine_search_top.png);
background-position:center;
background-repeat:no-repeat;
}
a#searchgo:hover {
background-image:url(../elements/images/refine_search_go.png);
}
#search_arrivaldate, #search_propertyname {
width:120px;
clear:left;
float:left;
position:relative;
left:2px;
margin:2px 0 0 0
}
#search_numbernights, #search_country, #search_region {
width:129px;
clear:both;
float:left;
margin:2px 0 0 2px
}
#loading {
position:absolute;
width:128px;
height:15px;
top:4px;
left:9px;
z-index:100
}