/* --- stylesheet for two-column style listings - Ten Best Version 2 - in Baby-Friendly Boltholes 2010 by Richard Henry ---*/
#breadcrumb {
font-size:0.86em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
width:auto;
height:auto;
clear:both;
margin:3px 0 0 6px
}
#breadcrumb ul li {
float:left;
display:inline
}
#breadcrumb a {
color:#875d85;
padding:2px
}
#breadcrumb a:hover {
background-color:#b864a7;
color:#ffffff
}
#column_top, .column_main {
clear:both;
float:left;
width:696px;
height:76px;
margin:9px 0 0 10px;
position:relative;
background-color:#efedee
}
#facebook-like {
position:absolute;
top:12px;
left:305px;
margin-left:50px
}
#column_top h1 {
clear:both;
float:left;
margin:12px 0 0 12px;
font-size:1.6em;
/*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
width:auto;
display:inline;
color:#4e5355
}
#emporiumpage #column_top h1 {
color:#a65b99
}
#column_top h2 {
clear:both;
float:left;
margin:10px 0 0 14px;
font-size:1em;
/*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
width:auto;
display:inline;
color:#4e5355
}

ul#tabstrip {
/*position:absolute;
bottom:0;
left:0;*/
clear:both;
float:left;
margin:0 0 0 10px;
width:696px;
/*position:absolute;
top:103px;
left:10px;*/
height:24px;
/*background-color:#c0c0c0*/
background-image:url(../elements/images/tenbest2/tenbest_2_tabstrip1.png);
background-position:center;
background-repeat:no-repeat;
}
ul#tabstrip2 {
clear:both;
float:left;
width:696px;
margin:0 0 0 10px;
height:24px;
background-image:url(../elements/images/tenbest2/tenbest_2_tabstrip2.png);
background-position:center;
background-repeat:no-repeat;
display:none
}
#tabs1 {

}
#tabs2 {
display:none
}
ul#tabstrip li, ul#tabstrip2 li {
float:left;
clear:none;
display:inline;
margin:0;
width:135px;
height:24px
}
ul#tabstrip li a, ul#tabstrip2 li a {
width:96px;
height:24px;
display:block;
left:20px;
position:relative
}
#currentpage, #sectionfromlink {
display:none
}
#tab_bestrated, #tab_singleparents, #tab_beachside {
position:relative;
left:8px
}
#tab_bestrated:hover, #tab_bestrated.active, #tab_bestrated.ui-tabs-selected {
background-image:url(../elements/images/tenbest2/tab_bestrated_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_beachside:hover, #tab_beachside.active, #tab_beachside.ui-tabs-selected {
background-image:url(../elements/images/tenbest2/tab_beachside_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_singleparents:hover, #tab_singleparents.active, #tab_singleparents.ui-tabs-selected {
background-image:url(../elements/images/tenbest2/tab_singleparents_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_toddlers, #tab_foodies {
position:relative;
left:-3px
}
#tab_toddlers:hover, #tab_toddlers.active {
background-image:url(../elements/images/tenbest2/tab_toddlers_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_foodies:hover, #tab_foodies.active {
background-image:url(../elements/images/tenbest2/tab_foodies_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_boutique, #tab_ecoaware {
position:relative;
left:-13px
}
#tab_boutique:hover, #tab_boutique.active {
background-image:url(../elements/images/tenbest2/tab_boutique_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_ecoaware:hover, #tab_ecoaware.active {
background-image:url(../elements/images/tenbest2/tab_ecoaware_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_chiconomic, #tab_funkyfarms {
position:relative;
left:-24px
}
#tab_chiconomic:hover, #tab_chiconomic.active {
background-image:url(../elements/images/tenbest2/tab_chiconomic_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_funkyfarms:hover, #tab_funkyfarms.active {
background-image:url(../elements/images/tenbest2/tab_funkyfarms_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_romantic, #tab_newparents {
position:relative;
left:-36px
}
#tab_romantic:hover, #tab_romantic.active {
background-image:url(../elements/images/tenbest2/tab_romantic_active.png);
background-position:center;
background-repeat:no-repeat;
}
#tab_newparents:hover, #tab_newparents.active {
background-image:url(../elements/images/tenbest2/tab_newparents_active.png);
background-position:center;
background-repeat:no-repeat;
}
/*#column_text {
margin:8px 0 0 4px;
width:660px;
height:auto;
font-family:Arial,Helvetica,sans-serif;
font-size:0.90em;
color:#747474
}*/
.column_main {
height:auto;
margin:0 0 0 10px;
position:relative;
background-color:#ffffff
}
.column {
clear:none;
float:left;
display:inline;
width:333px;
height:auto;
margin-right:15px;
}
.column_box {
position:relative;
width:333px;
height:250px;
padding-top:8px;
clear:none;
float:left;
margin:8px 15px 0 0;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
border-bottom:1px dashed #c180b4
}
#offerspage .column_box {
min-height:250px;
height:auto;
padding:3px 0;
/*border-bottom:1px solid #e2e2e2*/
}
.column_image {
width:143px;
height:143px;
border:1px solid #e2e2e2;
position:absolute;
top:0;
left:0
}
.column_image.square {
height:114px;
}
.display {
width:125px;
height:125px;
overflow:hidden;
margin:9px 0 0 9px
}
.square .display {
width:125px;
height:94px;
}
a.visitwebsite {
display:block;
width:103px;
height:24px;
position:absolute;
bottom:9px;
left:164px;
background-image:url(../elements/images/emporium/visit_website.png);
background-position:center;
background-repeat:no-repeat;
}
a.visitwebsite:hover, a.visitwebsite.active {
background-image:url(../elements/images/emporium/visit_website_active.png);
}
a.visitproperty {
display:block;
width:103px;
height:24px;
position:absolute;
bottom:9px;
left:164px;
background-image:url(../elements/images/emporium/to_property.png);
background-position:center;
background-repeat:no-repeat;
}
a.visitproperty:hover, a.visitproperty.active {
background-image:url(../elements/images/emporium/to_property_active.png);
}
#offerspage a.visitproperty {
top:116px;
left:21px;
}
a.visitbfb {
display:block;
width:103px;
height:24px;
position:absolute;
bottom:9px;
left:164px;
background-image:url(../elements/images/emporium/visit_bfb.png);
background-position:center;
background-repeat:no-repeat;
}
a.visitbfb:hover, a.visitbfb.active {
background-image:url(../elements/images/emporium/visit_bfb_active.png);
}
.quotecode {
color:#79a2b6;
/*display:block;*/
/*width:103px;
height:24px;*/
position:absolute;
bottom:5px;
left:3px;
font-size:0.8em;
}
.quotecode .code {
font-weight:600;
text-transform:uppercase
}
.offershort {
color:#b361a3;
/*display:block;*/
/*width:103px;
height:24px;*/
position:absolute;
bottom:21px;
left:3px;
font-size:0.76em;
/*font-weight:600;*/
text-transform:uppercase
}
/*.column_box .discountnotes {
color:#734472;
position:absolute;
top:70px;
width:143px;
font-size:1em;
}
.column_box .discountnotes p {
width:143px;
clear:both;
float:left;
margin:2px 0
}*/
.offertip {
color:#854c80;
/*background-image:url(../elements/images/emporium/present.png);
background-position:center;
background-repeat:no-repeat;*/
width:13px;
height:14px;
position:absolute;
bottom:16px;
right:16px;
display:block;
/*font-size:0.8em;*/
}
.column_box h3, .column_box h4 {
position:absolute;
left:164px;
color:#787b7d
}
.column_box h3 {
top:4px;
font-size:0.9em;
font-weight:600;
color:#b361a3
}
.column_box h4 {
top:22px;
font-size:0.8em;
}
.column_box h4.offers {
top:40px
}
.column_box p {
color:#787b7d;
position:absolute;
top:46px;
left:164px;
font-size:0.71em;
line-height:1.3em;
height:96px;
overflow:hidden;
/*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.offerstext {
min-height:146px;
height:146px;
max-height:200px;
width:158px;
/*overflow:hidden;*/
padding-top:13px;
display:block
}
.offerstext p {
clear:both;
float:left;
height:auto;
margin:1px 0;
width:100%;
color:#787b7d;
position:relative;
font-size:0.71em;
line-height:1.3em;
}
/*div.offers {
font-size:1em;
line-height:1.4em;
height:80px;
position:absolute;
top:12px;
left:4px;
overflow:hidden;
}
div.offers p {
position:relative;
clear:both;
float:left;
margin:2px 0;
width:158px
}*/
.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;
}
.capacity {
/*float:left;*/
position:absolute;
bottom:9px;
left:5px;
font-size:0.86em;
/*margin-left:5px*/
}



img#offersnotice {
position:absolute;
top:41px;
right:21px
}
/* --- paging --- */
.pagingstrip {
clear:both;
float:left;
width:696px;
max-width:696px;
height:34px;
margin:6px 0 2px 10px;
position:relative;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* --- 01-01-2011 --- */
#tenbestcaption {
/*clear:both;
float:left;*/
width:677px;
max-width:696px;
height:34px;
/*margin:6px 0 2px 10px;*/
position:absolute;
top:314px;
left:266px;
z-index:100;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
/*background-color:#b864a7;*/
border:1px solid #c891be;
display:none
}
#tenbestcaption p {
/*color:#fff;*/
color:#734472;
margin:4px 0 0 13px;
font-size:15px;
font-weight:700;
font-family:Helvetica, Arial, sans-serif;
}
/* --- 01-01-2011 --- */
.pagingstrip p {
clear:none;
width:auto;
font-size:0.80em;
position:absolute;
float:right;
display:inline;
top:4px;
left:10px;
color:#4e5355;
z-index:200;
color:#9e598e
}
.pagingbar {
float:right;
width:696px;
margin-right:0;
display:inline;
position:relative
}
a#tb2_goback, a#tb2_more {
width:121px;
height:24px;
display:block;
position:absolute;
}
a#tb2_more {
top:7px;
right:7px;
background-image:url(../elements/images/tenbest2/tb2_more.png);
background-position:center;
background-repeat:no-repeat;
}
a#tb2_more2 {
top:76px;
right:10px;
display:block;
position:absolute;
z-index:100;
padding:2px
}
a#tb2_more2:hover {
color:#fff;
background-color:#a45b98
}
a#tb2_goback {
right:130px;
background-image:url(../elements/images/tenbest2/tb2_goback.png);
background-position:center;
background-repeat:no-repeat;
display:none
}
a#tb2_more:hover {
background-image:url(../elements/images/tenbest2/tb2_more_active.png);
}
a#tb2_goback:hover, a#tb2_goback.active {
background-image:url(../elements/images/tenbest2/tb2_goback_active.png);
}
ul.paging {
margin:4px 0
}
ul.paging li {
/*width:22px;*/
width:auto;
height:22px;
text-align:center;
float:left;
margin-right:8px;
font-size:0.76em
}
ul.paging li a {
/*width:19px;*/
width:auto;
height:22px;
clear:none;
display:block;
/*border:1px solid #7e7e7e;*/
border:1px solid #c4c4c4;
color:#515151
}
ul.paging li a:hover {
border:1px solid #ffffff;
/*background-color:#d9e021;*/
background-color:#f1f19a;
color:#424648
}
ul.paging li.active a {
/*background-color:#b368ac;
color:#ffffff;*/
padding:1px;
/*border:2px solid #b368ac;*/
background-color:#fbecf2;
border:2px solid #956f93;
margin-top:-2px
}
.backward a {
background-image:url(../elements/images/paging_back_arrow.png);
background-position:center;
background-repeat:no-repeat;
}
.forward a {
background-image:url(../elements/images/paging_forward_arrow.png);
background-position:center;
background-repeat:no-repeat;
}
/* --- paging --- */
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
}
#loading {
float:left;
position:absolute;
width:128px;
height:15px;
top:4px;
left:9px;
z-index:100
}
/* --- tabs stuff --- */
.ui-tabs .ui-tabs-hide {
     display: none;
}
/* --- offers newsletters links ---*/
#archive {
clear:both;
float:left;
width:563px;
height:auto;
border:1px solid #af60a1;
padding:8px;
margin:8px 0 0 16px
}
#archive a {
font-size:100%;
border:0
}
#archive a:hover, #archive a:hover img {
background-color:#fff;
color:#af60a1
}
/* --- june 2010 ---*/
.why {
/*float:left;*/
position:absolute;
top:140px;
left:5px;
font-size:0.76em;
width:330px;
min-height:61px;
clear:both;
float:left;
/*margin-left:5px*/
}
.why .whytitle {
font-weight:bold;
color:#4e5355;
clear:both;
float:left;
}
.why .whytext {
clear:both;
float:left;
width:auto;
height:43px;
/*font-size:11px;*/
color:#787b7d;
/*background-color:#e1e2e3;*/
/*position:relative;*/
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:1.3em;
display:block
}
#columnstabbed {
position:relative
}
a#tb2more {
width:60px;
height:24px;
display:block;
background-image:url(../elements/images/tenbest2/tb2more.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:103px;
right:11px;
z-index:100;
display:none
}
a#tb2more:hover {
background-image:url(../elements/images/tenbest2/tb2more_active.png);
}

/* ---17th December 2010 ---*/

#pastbestrated {
clear:both;
float:left;
margin:8px 0 0 16px;
width:563px;
height:auto;
padding:8px;
border:1px solid #af60a1;
}
#pastbestrated h3 {
font-size:18px;
color:#854c80;
font-weight:800
}
#pastbestrated ol {
margin:8px;
padding:8px;
}
#pastbestrated ol li {
clear:none;
float:left;
display:inline;
padding:0 4px;
margin:0 4px
}
#pastbestrated ol li a {
font-size:100%;
border:0;
color:#4f4f4f
}
#pastbestrated ol li a:hover {
background-color:#fff;
color:#854c80
}