/* --- stylesheet for tenbest in Baby-Friendly Boltholes 2009 by Richard Henry ---*/
#grid_top {clear:both;float:left;width:689px;height:100px;margin:10px 0 0 10px;position:relative}
#grid_top.topten {height:auto}
#grid_top h1 {margin:40px 0 0 5px;font-size:1.6em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;width:auto;display:inline;color:#4e5355}
#tenbestpage #grid_text, #tenbestpage h1 {width:280px}
#grid_top.topten img#currentlist {float:right;display:inline;margin:0 20px 0 0}
#grid_text p, a {line-height:1.6em}
a#choose {padding:3px;width:auto;border-bottom:1px solid #888888}
a#choose:hover, a#choose.active {background-color:#eaed7e;border-bottom:1px solid #c3c64b;cursor:pointer}
#grid_main {clear:both;margin-top:12px}
.grid_block {width:208px;height:auto;float:left;margin:12px 0 12px 24px;padding-bottom:6px;border-bottom:5px solid #c0c0c0}
.gridimage {width:100%;height:100px;overflow:hidden;padding-bottom:15px;text-align:center;margin-top:8px}
.gridimage img {background-color:#c0c0c0;padding:3px}
.gridimage img:hover {background-color:#b864a7}
.grid_block h3, .grid_block h4 {color:#676767;font-size:1em;margin-top:8px}
.grid_block h3 {font-size:1.2em;margin:0}
.grid_block h4 {font-size:0.90em;}
.grid_text, .main_text p {margin:8px 0 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:0.90em;color:#747474}
.grid_text p {line-height:1.6em;height:137px}
.grid_text a, .main_text a {color:#111111;font-size:1.2em;padding:0 1px;font-family:Calibri,Arial,Helvetica,sans-serif}
.grid_text a:hover, .main_text a:hover {background-color:#b768a9;color:#ffffff}
a.grid_readmore {clear:both;float:left;margin-top:8px;color:#111111;padding:1px}
a.grid_readmore:hover {background-color:#b864a7;color:#ffffff}
#grid_main_text {width:687px;height:auto;margin-left:8px}
#content {clear:none;float:left;display:inline;height:auto;width:auto}
#content p, #content h2, #content h4 {width:auto}
#grid_main_text h2 {font-size:1.26em;margin:6px 0 4px 0;color:#97568f}
#grid_main_text h4 {font-size:1.06em;margin:6px 0 4px 1px}
#grid_main_text .main_text {clear:none;float:left;display:inline;margin:4px 4px 0 7px;color:#282c2d}
a img.main_small {float:left;display:inline;background-color:#ffffff;padding:2px;border:3px solid #c0c0c0}
a img.main_small:hover {border:3px solid #b968aa}
img.main_large {clear:none;float:right;display:inline;border:4px solid #c0c0c0;margin:0 20px 0 8px}
/* --- top ten page --- */
#grid_top.topten h1 {
margin:22px 0;
}
#topten_main {
margin:12px 0 0 0
}
.topten_listarea {
height:386px;
height:auto;
float:left
}
.fulllist {
clear:both;
float:left;
display:none;
width:690px;
background-color:#fef5fa
}
.fulllist.active {
height:500px;
display:block
}
.standard_header {
height:34px;
width:690px;
margin:6px 0;
clear:both;
float:left;
background-color:#794575;
background-position:top left;
background-repeat:no-repeat
}
#list3643 {
background-image:url(../elements/images/tenbest/tenbest3643.png);
}
#list3643.active, #list3643:hover {
background-image:url(../elements/images/tenbest/tenbest3643_active.png);
}
#list3647 {
background-image:url(../elements/images/tenbest/tenbest3647.png);
}
#list3647.active, #list3647:hover {
background-image:url(../elements/images/tenbest/tenbest3647_active.png);
}
#list3653 {
background-image:url(../elements/images/tenbest/tenbest3653.png);
}
#list3653.active, #list3653:hover {
background-image:url(../elements/images/tenbest/tenbest3653_active.png);
}
#list3649 {
background-image:url(../elements/images/tenbest/tenbest3649.png);
}
#list3649.active, #list3649:hover {
background-image:url(../elements/images/tenbest/tenbest3649_active.png);
}
#list3655 {
background-image:url(../elements/images/tenbest/tenbest3655.png);
}
#list3655.active, #list3655:hover {
background-image:url(../elements/images/tenbest/tenbest3655_active.png);
}
#list3659 {
background-image:url(../elements/images/tenbest/tenbest3659.png);
}
#list3659.active, #list3659:hover {
background-image:url(../elements/images/tenbest/tenbest3659_active.png);
}
#list3657 {
background-image:url(../elements/images/tenbest/tenbest3657.png);
}
#list3657.active, #list3657:hover {
background-image:url(../elements/images/tenbest/tenbest3657_active.png);
}
#list3641 {
background-image:url(../elements/images/tenbest/tenbest3641.png);
}
#list3641.active, #list3641:hover {
background-image:url(../elements/images/tenbest/tenbest3641_active.png);
}
#list3651 {
background-image:url(../elements/images/tenbest/tenbest3651.png);
}
#list3651.active, #list3651:hover {
background-image:url(../elements/images/tenbest/tenbest3651_active.png);
}
#list3645 {
background-image:url(../elements/images/tenbest/tenbest3645.png);
}
#list3645.active, #list3645:hover {
background-image:url(../elements/images/tenbest/tenbest3645_active.png);
}
.property_list {
width:256px;
float:left;
display:inline
}
.property_list ol {
float:left;
margin:10px 0 0 10px;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
color:#55595a
}
.property_list ol li {
padding:3px;
margin:3px 0;
width:100%;
overflow:hidden;
border:1px solid #fdf0f7
}
.property_list ol li:hover, .property_list ol li.active {
background-color:#ffffff;
cursor:pointer;
border:1px solid #d1d1d3
}
.selected {
background-color:#d9e021
}
.selected_image {
float:right;
display:inline;
margin:16px 8px 0 0;
height:auto
}
.selected_image img {
background-color:#ffffff;
padding:8px;
border:1px solid #d1d1d3
}
/*---details---*/
.selected_details {
clear:both;
float:left;
height:150px;
width:690px;
margin:20px 0 12px 0;
position:relative;
padding-bottom:6px;
}
.selected_why {
position:absolute;
left:12px;
top:0
}
.selected_property {
position:absolute;
left:292px;
top:0;
height:150px;
width:260px;
overflow:hidden
}
.selected_property h4, .small_heading {
margin-top:4px;
width:auto;
padding:3px 3px 3px 0
}
.why_text, .excerpt_text {
font-size:0.8em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
margin-left:2px
}
.why_text {
margin:11px 0 0 0;
line-height:1.34em;
width:260px
}
.excerpt_text {
width:240px;
height:80px;
overflow:hidden;
margin:11px 0 0 0;
line-height:1.34em;
}
ul.excerpt_list {
margin:8px 0 0 0
}
.excerpt_list li span {
clear:none;
float:left;
display:inline;
}
.excerpt_list img.rating {
display:inline;
position:relative;
bottom:6px
}
/*---price block---*/
.listingend {
float:right;
display:inline;
width:128px;
height:150px;
background-color:#f1e4ea;
position:relative
}
.listingenquire {
width:103px;
height:132px;
position:absolute;
bottom:10px;
left:13px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center;
background-color:#f1e4ea
}
.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/tenbest/bfbmumsays.png);
background-position:top left;
background-repeat:no-repeat;
/*font-style:italic;*/
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:28px;
background-image:url(../elements/images/property/property_booknow.png);
}
a.booknow:hover {
background-image:url(../elements/images/property/property_booknow_hover.png);
}
a.moreinfo {
bottom:0;
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;
}
/* ---  breadcrumb --- */
#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
}