@charset "utf-8";
/*--- main css document by Richard Henry for Baby-Friendly Boltholes 2009 ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img {
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul,ul li {
	list-style:none;
    list-style-type:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
	q:before,q:after {
	content:'';
	}
abbr,acronym {
	border:0;
	}
a, a img {
    text-decoration:none;
    border:none
}
html {
height: 100%;
margin:0;
overflow-x:hidden
}
body {
height: 100%;
margin:0;
padding:0;
font-family:Calibri,Arial,Helvetica,sans-serif;
font-size:100%;
line-height:1.125em;
background-image:url(../elements/images/bfb_background_stripe.png);
background-position:top left;
}
p {
font-size:92%;
line-height:1.8em;
font-weight:400;
margin:0;
padding:0
}
strong, b {
font-weight:800
}
a {
text-decoration:none
}
em {
font-style:italic
}
h1, h2, h3 {
clear:left;
}
h1, h2, h3, h4, h5, h6 {
color:#4e5355
}

#page {
width:960px;
margin:0 auto 0 auto;
padding:0;
height:auto;
background-color:#fff;
position:relative
}
#header {
width:960px;
height:152px;
background-color:#4e5255;
/*background-image:url(../elements/images/bfb_header_logo.png);
background-position:top left;
background-repeat:no-repeat;*/
position:relative;
}
a#backhome {
position:absolute;
top:0;
left:46px;
/*height:152px;
width:266px;*/
/*display:block;*/
/*background-color:transparent;
border:1px solid #4e5255;*/
/*cursor:pointer*/
}
ul#headermenu {
position:absolute;
top:0;
right:0;
color:#939192;
}
#headermenu li {
clear:none;
float:left;
display:inline;
margin-right:11px
}
#headermenu li a {
color:#fffdfd;
line-height:2em;
font-size:14px
}
#headermenu li a:hover {
color:#d9e021
}
#network {
position:absolute;
bottom:75px;
right:3px
}
#network li {
clear:none;
display:inline;
float:left;
margin-right:8px
}
/*.addthis_button {
position:absolute;
top:9px;
left:358px;
border:0;
}*/
#addthisnew {
position:absolute;
top:9px;
left:308px;
border:0;
width:150px;
}
#googleplus {
position:absolute;
top:9px;
left:464px;
border:0;
}
a#topfollow {
position:absolute;
top:40px;
right:25px;
border:0;
}
a#topfacebook {
position:absolute;
top:40px;
right:55px;
border:0;
}
a#topshortlist {
position:absolute;
top:115px;
right:250px;
display:block;
font-size:16px;
color:#fff;
border:0;
}
a#topshortlist:hover {
color:#d9e021
}
#header #signup {
background-image:url(../elements/images/signup.png);
background-position:center;
background-repeat:no-repeat;
width:208px;
height:65px;
position:absolute;
bottom:7px;
right:10px
}
#signup form {
position:relative;
top:0;
left:0;
height:33px;
width:208px
}
#signup #newsletteremail {
position:relative;
top:33px;
left:15px;
width:145px;
border:0;
color:#7e7e7e
}
#signup #signupsubmit {
background-image:url(../elements/images/signupsubmit.png);
background-position:center;
background-repeat:no-repeat;
position:relative;
float:right;
top:33px;
right:11px;
width:31px;
height:21px
}
#signup #signupsubmit:hover {
background-image:url(../elements/images/signupsubmit_active.png);
}
/*--- replaced below 13th december 2010 --- */
/*#topmenu {
height:30px;
width:960px;
background-color:#fff
}
#topmenu ul li {
width:118px;
clear:none;
float:left;
display:inline;
background-color:#d9e021;
height:25px;
border-right:2px solid #fff
}
#topmenu ul li a {
height:100%;
width:100%;
display:block
}
#topmenu ul #topmenuuk {
background-image:url(../elements/images/menu_uk.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul #topmenueurope {
background-image:url(../elements/images/menu_europe.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul #topmenuworldwide {
width:140px;
background-image:url(../elements/images/menu_worldwide.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul li#topmenuski {
width:60px;
background-image:url(../elements/images/menu_ski.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul #topmenumap {
background-image:url(../elements/images/menu_map.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul li#topmenulifestyle {
width:100px;
background-image:url(../elements/images/menu_lifestyle.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul li#topmenugiftvouchers {
width:120px;
background-image:url(../elements/images/menu_giftvouchers.png);
background-position:center;
background-repeat:no-repeat;
border-right:2px solid #d9e021
}
#topmenu ul li#topmenuspecialoffers {
width:130px;
background-image:url(../elements/images/menu_specialoffers.png);
background-position:top center;
background-repeat:no-repeat
}
#topmenu ul li#topmenuemporium {
width:100px;
background-image:url(../elements/images/menu_emporium.png);
background-position:center;
background-repeat:no-repeat;
}*/
/* --- leftcolumn --- */

#leftcolumn {
float:left;
height:100%;
background-color:#fff;
width:245px;
}
#searchbox {
width:237px;
height:313px;
background-image:url(../elements/images/stripesback.png);
background-position:top left;
background-repeat:repeat;
margin:5px 0 0 9px;
}
#searchblock {
clear:both;
float:left;
width:219px;
height:294px;
margin:9px 0 0 9px;
border-bottom:none;
background-color:#636363;
position:relative;
}
#leftcolumn form {
margin:4px 0 0 0;
color:#c0c0c0;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:0.76em;
font-weight:700
}
#leftcolumn form fieldset {
clear:both;
float:left;
}
#leftcolumn form label {
color:#fff;
clear:both;
float:left;
width:auto;
margin:4px 0 0 13px
}

#leftcolumn form input {
padding:2px;
background-color:#e2e2e2;
border:1px solid #c0c0c0;
margin:2px 0 0 13px;
}
.calicon {
position:absolute;
right:9px
}
#arrivalpicker {
top:144px
}
#departpicker {
top:234px
}
#leftcolumn form select {
border:1px solid #989898;
background-color:#636363;
padding:4px;
color:#fff;
margin:2px 0 0 13px;
display:block;
}
#leftcolumn .searchelement {
clear:both;
width:219px;
display:block;
background-color:#767676;
border-top:1px solid #606465;
}
img.searchicon {
float:right;
display:inline;
margin:0 6px 0 0
}
.collapsed {
height:30px;
background-color:red
}
.expanded {
height:100px;
background-color:green
}
.searchelementcontent {
position:relative;
clear:both;
}
.searchelementcontent input {
position:absolute;
left:140px;
top:6px
}
.searchelementcontent label {
position:absolute;
left:2px;
top:6px;
font-size:0.9em;
font-weight:600
}
.searchelementcontent label:hover {
color:#dfe12d
}
.searchelementcontent select {
float:left;
display:block;
margin:10px 0 0 16px
}
#leftcolumn .elementheader {
width:100%;
margin:0;
height:30px;
color:#fff;
background-color:#4e5355
}
#leftcolumn .elementheader .toggle {
width:198px;
height:18px;
float:left;
margin:4px 0 0 13px;
background-image:url(../elements/images/header_button_arrow_white.png);
background-position:top left;
background-repeat:no-repeat;
text-indent:26px;
color:#d9e021
}
/*#leftcolumn .elementheader .toggle:hover {
background-image:url(../elements/images/header_button_arrow_yellow.png);
color:#d9e021
}*/
#searchblock #searchbutton, #searchblock #searchbuttontop {
clear:both;
float:left;
margin:12px 0 0 14px;
width:103px;
height:24px;
background-image:url(../elements/images/search_button.png);
background-position:top left;
background-repeat:no-repeat;
}
#searchblock #searchbuttontop {
margin:6px 0 6px 14px;
}
#searchblock #searchbutton:hover, #searchblock #searchbuttontop:hover {
background-image:url(../elements/images/search_button_hover.png);
cursor:pointer
}
#searchblock #advancedbase {
width:219px;
height:24px;
margin:0;
bottom:0;
left:0;
background-color:#636363;
position:absolute;
}
a#maptrigger  {
width:219px;
height:24px;
display:block;
background-image:url(../elements/images/mapstrip.png);
background-position:top left;
background-repeat:no-repeat;
}
a#maptrigger:hover {
background-image:url(../elements/images/mapstrip_active.png);
}
#search_arrivaldate, #search_propertyname {
width:120px;
}
#search_numbernights, #search_country {
width:129px;
}
#search_country {
clear:both
}
#newfeatures {
width:219px;
height:auto;
margin:11px 0 0 9px;
}
img.sidetab {
margin:0 0 0 9px
}
.newfeature {
width:219px;
height:130px;
padding:9px;
margin-top:9px;
background-position:9px 9px;
background-repeat:no-repeat;
position:relative;
border:1px solid #e1e2e3
}
.newfeature.extended {
height:600px
}
.newfeature p {
color:#fff;
font-family:Helvetica, Arial, sans-serif;
font-size:0.70em;
position:absolute;
top:78px;
left:12px;
margin:9px;
line-height:1.2em
}
.newfeature a.readmore {
position:absolute;
bottom:16px;
right:14px;
width:72px;
height:8px;
display:block;
background-image:url(../elements/images/readmore.png);
background-position:top left;
background-repeat:no-repeat;
}
.newfeature a.readmore:hover, .introreview:hover a.readmore, a.slidelink:hover {
background-image:url(../elements/images/readmorehover.png);
}
a#pressfeaturelink {
color:#a35a97
}

/*#pressquotes {
background-image:url(../elements/images/pressquotes-background.png);
}*/
#needadvice {
background-image:url(../elements/images/left_features_advice.jpg);
}
#needadvice p {
top:58px;
left:14px;
margin:9px;
}
a#needadvice_contact {
position:absolute;
left:20px;
bottom:16px;
background-image:url(../elements/images/need_advice_contact.png);
width:75px;
height:8px
}
a#needadvice_contact:hover {
background-image:url(../elements/images/need_advice_contact_active.png);
}
#lifestyle {
background-image:url(../elements/images/lifestyle.png);
}
#traveldad {
background-image:url(../elements/images/left_features_traveldad.jpg);
}
#lfgblock {
background-image:url(../elements/images/left_features_lfg.png);
}
#gltcblock {
background-image:url(../elements/images/left_features_gltc.png);
}
#leftboutique {
clear:both;
background-image:url(../elements/images/left_features_boutique.png);
}
#leftbridal {
clear:both;
background-image:url(../elements/images/left_features_bridal.png);
}
#leftdaly {
margin-top:-4px;
background-image:url(../elements/images/left_features_daly.jpg);
}
#bfbcomments, #pressquotes {
height:230px;
background-image:url(../elements/images/quote-open.gif);
position:relative;
z-index:50;
}
#pressquotes {
height:180px;
z-index:50;
}
#similarpage #bfbcomments, #similarpage #pressquotes {
clear:both;
float:left;
}
#bfbcomments p, #pressquotes p {
font-size:1em;
color:#787b7d;
line-height:1.2em;
margin:28px 18px 18px 18px;
text-indent:16px;
font-style:italic;
position:relative;
z-index:50;
}
#pressquotes p {
font-size:15px;
/*font-weight:600;*/
/*color:#fff;*/
margin:32px 24px 18px 24px;
text-indent:16px;
width:190px
/*font-family:Cambria, Helvetica, Arial, sans-serif;*/
}
#leftpresslink {
height:20px
}
#leftpresslink a {
margin:6px;
padding:2px
}
#leftpresslink a:hover {
background-color:#a35a97;
color:#fff
}
.origin {
font-size:0.9em;
font-weight:600;
clear:both;
float:left;
margin:8px 0 0 0;
font-style:normal
}
#pressquotes p .origin {
margin-top:16px
}
#pressquotes img.originimage {
clear:both;
float:left;
margin:16px auto
}
#bfbcomments img {
clear:right;
float:right;
margin:-3px 0 0 6px
}
#traveldad a.readmore, #leftdaly a.readmore, a.readmore.left {
left:13px;
margin:9px 9px 0 9px
}
#topten {
/*margin-top:-4px;*/
background-image:url(../elements/images/tenbest.png);
}
a#leftfollow {
float:left;
margin-left:16px
}
#main {
width:960px;
background-color:#fff;
height:auto
}
#rightmain {
float:right;
background-color:#fff;
width:715px;
height:auto
}
#contentarea {
clear:both;
float:left;
margin:8px 0 8px 9px;
width:925px;
height:auto;
padding:8px;
border:1px solid #e1e2e3
}
#contentarea p {
font-family:Calibri,Arial,Helvetica,sans-serif;
font-size:16px;
line-height:1.125em;
width:100%;
color:#717578;
clear:both;
float:left;
margin:4px 0
}
#contentarea h1 {
font-family:Calibri,Arial,Helvetica,sans-serif;
font-size:22px;
color:#935187;
padding:2px 0 8px 0
}
#footer {
clear:both;
height:580px;
width:960px;
background-color:#4e5356;
background-image:url(../elements/images/footer.jpg);
background-position:top left;
background-repeat:no-repeat;
position:relative;
display:block;
font-size:0.95em;
}
.footerinformation ul {
margin-left:-12px
}
#footer a, .footerinformation ul li {
color:#dedfe1;
line-height:2em;
background-image: url(../elements/images/footer_list_arrow.gif);
background-position:0.9em;
background-repeat:no-repeat;
padding-left:1em;
list-style-type:none;
}
#contactinformation ul, #contactinformation ul li {
list-style-type:none;
background-image:none
}
#footer a {
background-image:none
}
.footerinformation ul li.heading {
color:#fffdfd;
font-weight:700;
padding-bottom:10px;
list-style-type:none;
background-image:none
}
#footer ul li a.document {
color:#35cdfe
}
#footer a:hover {
color:#d9e021
}
.footerinformation {
position:absolute;
top:182px
}
#contactinformation {
left:93px
}
#informationlinks {
left:413px
}
#sitemap {
right:71px
}
#at15s {
border:2px solid #7e7e7e
}
#tooltip {
display:none;
position:relative;
z-index:99;
background:transparent url(../elements/images/bfb_tooltip.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
#tooltiptwo {
display:none;
position:relative;
z-index:99;
background:transparent url(../elements/images/bfb_tooltip_yellow_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#4b4d3e;
}
/* --- new menu styles 13th december 2010 ---*/
#topmenu {
height:25px;
width:960px;
overflow:hidden;
background-color:#fff;
position:relative;
z-index:80;
color:#636363;
}
#topmenu ul li {
/*width:86px;
min-width:86px;*/
/*width:auto;*/
clear:none;
float:left;
display:inline;
color:#636363;
margin-right:2px;
background-color:#d9e021;
height:26px;
text-align:center
/*border-right:2px solid #fff*/
}
#topmenu ul li a {
height:100%;
width:100%;
display:block;
background-color:#d9e021;
color:#636363;
margin:0 auto;
padding:2px 2px 3px 2px;
text-align:center
}
#topmenu ul li a:hover, #menu_search.active a, #menu_life.active a {
background-color:#4e5355;
color:#fff;
height:100%;
width:100%;
display:block;
margin:0;
padding:0
}
li#menu_life {
margin-right:2px
}
#topmenu ul li.topmenulast, #topmenu ul li.topmenulast a {
margin-right:0
}
#menuLocationsBody {
width:160px;
/*height:40px;*/
height:auto;
/*background-color:#636363;*/
background-color:#4e5355;
background-color:#99558f;
position:absolute;
z-index:100;
border-bottom:2px solid #fff;
border-right:2px solid #fff
}
#menuLife {
width:136px;
/*height:40px;*/
height:auto;
/*background-color:#636363;*/
background-color:#4e5355;
background-color:#99558f;
position:absolute;
z-index:200;
left:571px;
top:177px;
border:2px solid #fff;
border-top:0;
display:none
}
#menuTen {
width:128px;
/*height:40px;*/
height:auto;
/*background-color:#636363;*/
background-color:#4e5355;
background-color:#99558f;
position:absolute;
z-index:200;
left:441px;
top:177px;
border:2px solid #fff;
border-top:0;
display:none
}
#menuLocationsBody ul, #menuLocationsSubBody ul, #menuLife ul, #menuTen ul {
color:#fff;
margin:6px 0 6px 10px;
padding:6px 0 6px 10px;
list-style-type:none
}
#menuTen ul {
margin:6px 0 6px 4px;
padding:6px 0 6px 4px;
}
#menuLife ul {
margin:6px 0 6px 4px;
padding:6px 0 6px 4px;
}
#menuLocationsBody ul li, #menuLocationsSubBody ul li, #menuLife ul li, #menuTen ul li  {
margin:5px 0;
}
#menuLocationsBody ul li a, #menuLocationsSubBody ul li a, #menuLife ul li a, #menuTen ul li a {
color:#fff;
font-size:14px;
text-decoration:none
}
#menuLocationsBody ul li a:hover, #menuLocationsSubBody ul li a:hover, #menuLife ul li a:hover, #menuTen ul li a:hover {
color:#d9e021;
}
#menuLife ul li, #menuTen ul li {
margin:0 4px;
padding:0 4px 2px 4px;
font-size:14px;
/*border-bottom:1px dashed #d3afce;*/
}
.menuLocations {
/*min-width:166px;*/
/*width:auto;*/
/*width:480px;*/
/*height:40px;*/
width:160px;
height:auto;
/*background-color:#636363;*/
background-color:#4e5355;
background-color:#99558f;
position:absolute;
top:0;
left:160px;
z-index:100;
display:none;
padding:0 8px 8px 0;
border-bottom:2px solid #fff;
/*border-left:2px solid #fff;*/
border-right:2px solid #fff
}
.menuLocations ul {
color:#fff;
margin:6px;
padding:6px;
list-style-type:none
}
.menuLocations ul li {
clear:both;
float:left;
/*display:inline;*/
display:block;
margin:0 4px;
padding:0 4px 2px 4px;
/*border-bottom:1px dashed #d3afce;*/
width:auto
/*list-style-type:square*/
}
.menuLocations ul li a {
color:#fff;
text-decoration:none;
margin:0 4px;
display:block;
width:auto
}
.menuLocations ul li a:hover {
color:#d9e021;
}
#menuLocationsGB {
/*width:360px;
width:520px;
width:696px;*/
/*width:210px;*/
width:430px;
left:160px;
padding-left:8px;
/*border-left:2px solid #fff;*/
z-index:90;
background-image: url(../elements/images/purpastrippa.png);
background-position:left top;
background-repeat:no-repeat;
}
#menuLocationsGB ul li {
width:190px
}
#menuLocationsGB ul li.secondline {
clear:none;
float:right;
display:inline
}
#menuLocationsGB ul li.secondline a {
clear:none;
display:inline
}
#menuLocationsEU {
/*min-width:520px;*/
width:120px;
left:160px;
padding-left:8px;
/*border-right:0;*/
z-index:90;
background-image: url(../elements/images/purpastrippa.png);
background-position:left top;
background-repeat:no-repeat;
/*height:90px;*/
/*left:160px;*/
/*top:30px;*/

}
#menuLocationsWORLDWIDE_CONTINENTS {
/*min-width:340px;*/
width:120px;
left:160px;
padding-left:8px;
/*border-left:2px solid #fff;*/
z-index:90;
background-image: url(../elements/images/purpastrippa.png);
background-position:left top;
background-repeat:no-repeat
/*height:90px;*/
/*top:52px;*/
}
#menuLocationsBody a.active, #menuLife a.active {
color:#d9e021
}
#menuLocationsSubBody {
width:200px;
/*width:auto;*/
/*min-height:160px;*/
height:auto;
position:absolute;
/*top:74px;*/
top:0;
left:296px;
background-color:#4e5355;
background-color:#99558f;
background-color:#636363;
background-image:url(../elements/images/bfb_boy_large_purple.png);
background-position:397px 108px;
background-repeat:no-repeat;
z-index:80;
/*border-bottom:2px solid #fff;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;*/
border:2px solid #e9e9e9;
padding:0 0 0 8px;
display:none
}
#menuLocationsSubBody ul li {
/*border-bottom:1px dashed #c4c4c4;*/
}
#menuLocationsSubBody ul li a {
color:#d4d4d4;
}
#menuLocationsSubBody ul li a:hover {
color:#fff;
}
#cheekyfloater {
background-color:#99558f;
background-color:yellow;
position:relative;
left:-8px;
top:8px;
margin:0;
width:8px;
height:100%;
display:inline;
z-index:190
}
.sub {
clear:both;
float:left;
margin:0;
padding:0;
/*position:absolute;
top:-10px;*/
display:none;
height:100%;
width:auto
}
.sub li {
padding:0 4px 2px 4px;
/*border-bottom:1px dashed #d3afce;*/
}
#picker {
z-index:100
}