@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
}
#listingpage.shortlistpage #filterblock {
margin-top:24px
}
#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);
}
a.show_listingmap {
/*float:right;*/
display:block;
font-size:12px;
font-weight:600;
/*margin-top:6px;*/
position:absolute;
bottom:31px;
right:-2px;
color:#99558f;
cursor:pointer;
width:18px;
height:18px;
background-image:url(../elements/images/listings/listing_viewmap_hover.png);
background-position:top left;
background-repeat:no-repeat;
}
/*a.show_listingmap:hover {
background-image:url(../elements/images/listings/listing_viewmap_hover.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
}
/*october 2010*/
/*---6th october */
.percentagebar {
margin-left:5px;
float:left;
clear:none;
display:inline;
font-size:11px;
font-weight:bold;
color:#ac79aa
}
/* --- shadowbox styles --- */
#sb-container,#sb-wrapper{
text-align:left;
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto;
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606;
}
#sb-title,#sb-info{
position:relative;
margin:0;
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:Calibri,Arial,Helvetica,sans-serif;/* Calibri, Candara, Corbel*/
line-height:16px;
}
#sb-title,#sb-title-inner, #sb-info{
height:30px;
background-color:#6d6d6d
}
#sb-title-inner, #sb-info{
font-size:16px;
padding:5px 0;
text-indent:3px;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:Calibri,Arial,Helvetica,sans-serif;/* Calibri, Candara, Corbel*/
font-size:11px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}
/* --- shadowbox --- */
/* --- 17th december 2010 --- */
a#refreshbutton {
float:right;
margin:2px 5px 0 0;
display:inline;
width:126px;
height:24px;
background-image:url(../elements/images/refresh_shortlist.png);
background-position:top left;
background-repeat:no-repeat;
}
a#refreshbutton:hover {
background-image:url(../elements/images/refresh_shortlist_active.png);
}
/* --- 07-01-2011 --- */
#emailform {
/*position:absolute;
right:16px;
top:180px*/
    clear:both;
    float:right;
    margin-right:16px
}
#emailform input {
border:1px solid #b361a3
}
#emailform a {
padding:1px 2px
}
/* --- 15-01-2011 --- */
a#shortlink {
position:absolute;
right:16px;
top:180px;
padding:1px 2px;
color:#855387;
font-weight:800;
font-size:14px;
display:none
}
a#updateshortlist {
float:right;
margin:2px 5px 0 0;
display:inline;
width:126px;
height:24px;
background-image:url(../elements/images/update_shortlist.png);
background-position:top left;
background-repeat:no-repeat;
}
a#updateshortlist:hover {
background-image:url(../elements/images/update_shortlist_active.png);
}
#topemailform {
position:absolute;
right:16px;
top:180px;
z-index:100
}
#topemailform a img, #emailform a img {
clear:both;
float:left;
margin:0 3px 0 0;
}
#topemailform input {
border:1px solid #b361a3
}
#topemailform a {
padding:1px 2px;
font-size:16px
}

#destinationlinksbar {
background-color:#efedee;
clear:both;
float:left;
margin:8px 0 0 11px;
width:688px;
height:auto;
position:relative;
overflow:hidden;
}
/*#destinationlinksbar ul {
clear:both;
float:left;
margin:8px
}
#destinationlinksbar ul li {
clear:both;
float:left;
margin:2px
}
#destinationlinksbar ul li a {
color:#4e5355;
font-size:14px;
padding:2px;
}
#destinationlinksbar ul li a:hover {
background-color:#a35a97;
color:#fff
}*/
ul#tabstrip {
clear:both;
float:left;
margin:0 0 0 4px;
width:684px;
height:24px;
background-image:url(../elements/images/listings/regions_tabstrip.png);
background-position:center;
background-repeat:no-repeat;
}
ul#tabstrip li {
float:left;
clear:none;
display:inline;
margin:0;
width:135px;
height:24px
}
ul#tabstrip li a {
width:96px;
height:24px;
display:block;
left:20px;
position:relative
}
#tab_places {
position:relative;
left:176px
}
ul#tabstrip li#tab_places {
position:relative;
/*left:-13px;*/
width:147px
}
#tab_places:hover, #tab_places.active, #tab_destinations.ui-tabs-selected {
background-image:url(../elements/images/destinations/tab_places_active.png);
background-position:center;
background-repeat:no-repeat;
}
ul#tabstrip li#tab_places a {
width:105px
}
#tab_attractions {
position:relative;
left:165px
}
#tab_attractions:hover, #tab_attractions.active {
background-image:url(../elements/images/destinations/tab_attractions_active.png);
background-position:center;
background-repeat:no-repeat;
}
ul#tabstrip li#tab_eating_drinking {
position:relative;
left:156px;
width:170px
}
#tab_eating_drinking:hover, #tab_eating_drinking.active {
background-image:url(../elements/images/destinations/tab_eating_drinking_active.png);
background-position:center;
background-repeat:no-repeat;
}
ul#tabstrip li#tab_eating_drinking a {
width:125px
}
/*---advert updates jan 2012 ---*/
.listing_advert .advertblock {
clear:both;
float:left;
margin:4px 0
}