/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Crimson Text', georgia, serif;
    min-width:960px; /* Added as layout breaking on browser window narrower than .container width */
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*typography////////////////////////////////////////////*/

h1,h2,h3,h4,h5,h6 {font-weight:300;}

h1 {color:#666633; font-size:24px; }

.top-section h1 {
    float: left;
    font-size: 26px;
    font-weight: 700;
    margin: 11px 0 0;
    width: 300px;
}
.top-section h1 a
{
    color:#666633;
}

.top-section h2 {
    color: #666633;
    float: right;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 16px 16px 0 0;
    text-align: right;
    width: 400px;
}

.col-third h2, .col-third h3 {text-align:center; color:#666633;}

.col-third a:hover, .col-third a:hover h2, .col-third a:hover h3 {color:#333;}

.col-third h2 {margin-bottom:0; height:47px; position:relative; z-index:10;}
.col-third h2 i,
.col-third h2 a {display:block; height:60px; background:url(../img/bg-header-arrow.png) center bottom no-repeat; font-style:normal; 
    -webkit-font-smoothing: antialiased}

.slides li h3 {padding:0 20px 20px; border-bottom:1px solid #fff;}

footer h1 {padding:0 300px 0 0; font-size: 18px; font-weight: 700;}
footer h2 {margin:0 0 1em; color:#666633; font-weight:300; font-size:20px;}

footer .footer-description{padding: 0 0 20px 0;border-bottom:1px solid #e3e3e3;}

 
/*links//////////////////////////////////////////////////*/

a {text-decoration:none; color:#000; }
a:hover {color:#333;}

.top-section a.login, .top-section a.logout, .top-section a.user {
    max-width:140px;
    color:#000; 
    float:right; 
    display:block; 
    padding:9px 0; 
    text-align:center; 
    border-left:1px solid #e6e6e6; 
    margin:5px 0 0; 
    font-style:italic;
}
.top-section a.login, .top-section a.logout {
    width:80px;
}
.top-section a.user
{
    padding:9px 16px;
}

a.info-link {width:35px; height:35px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/sprite-links.png) 0 -38px no-repeat; position:absolute; z-index:20; bottom:82px; left:4%;}

.info-caption {width:305px; background: #847c46; position:absolute; z-index:20; bottom:125px; left:6%; display:none;}
.info-caption p,
.info-caption a {color:#fff; padding:20px 25px; display:block; margin:0;}
.info-caption p {border-bottom:1px solid #fff;}
.info-caption a {padding:20px 50px 20px 25px; background:url(../img/bg-info-cap.png) 100% 23px no-repeat; font-style:italic;}

/*larger screens link and caption positioning*/

@media only screen and (min-width: 1500px) {
    a.info-link {left:50%; margin:0 0 0 -575px;}
    .info-caption {left:50%; margin:0 0 0 -550px;}
}

/*main structure/////////////////////////////////////////*/

header#masthead {height:140px;}
.container {width:960px; margin:0 auto;}
.top-section {width:100%; overflow:hidden; border-bottom:1px solid #e6e6e6; padding:22px 0 11px;}

section {width:100%; overflow:hidden; clear:both;position:relative;}

section#top-image {
    height:430px; 
    background-attachment: fixed;
    background-image: url(../img/top-home.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
 }

#top-image img{margin:0 auto; max-width:100%; max-height:100%; min-width:960px;}

section#map {height:430px; width:100%; margin:0 auto; background:#a6cbe4 url(../img/bg-map-repeat.jpg) 0 0 repeat;}

section#content.minus-top {margin:-37px 0 0; position:relative; overflow:visible;}

/*main navigation////////////////////////////////////////*/

nav { 
    float: left;
    height: 61px;
    position: relative;
    width: 640px;
    z-index: 10;
}

header nav ul li {float:left; padding:0 10px;}
header nav ul li:first-child {padding-left:0;}

header nav ul li a {color:#4f4f27; display:block; padding:2px 4px 30px;}
header nav ul li.active a {background: url(../img/bg-nav-arrow.png) bottom center no-repeat; font-style:italic;}
header nav ul li.active a,
header nav ul li a:hover {color:#333;}

#search {margin:1em 0 0; float:right; width:310px; background:#ededed;}
#search input {border:none; background:#ededed; font-size:16px; font-family: 'Crimson Text', georgia, serif; font-style:italic; float:left;}

#search input[type="submit"] {width:40px; height:27px; background:#ededed url(../img/bg-search.png) 0 0 no-repeat; text-indent: 140%; white-space: nowrap;
overflow: hidden;}

#search input[type="text"] {padding:2px 10px; width:250px;}


/*home page styles//////////////////////////////////////////*/

.col-third {width:306px; overflow:hidden; margin:0 21px 0 0; background:#f6f6f6; float:left; min-height:490px;}
.col-third.last {margin:0;}
.col-third p {padding:0 45px; text-align:center;}
.col-third a {color:#666633; display:block;}
.col-third a img {padding:0 0 5px;}
ul.sub-links {list-style:none; margin:0; padding:0 45px; text-align:center;}
ul.sub-links li {width:100%; text-align:center; font-style:italic;}
.col-third ul.sub-links li a {display:inline;}
a.block-link {display:block; border-bottom:1px solid #fff; margin:0 0 35px;}

#statement {padding:65px 0 45px; text-align:center;}
#statement p {font-size:17px; line-height:1.5em; padding:12px 100px 0;}


.secondary-slider li {width:960px;}
.secondary-slider li .col-third img {margin:0 auto;}
.secondary-slider .slides li h3 {border-bottom: none;border-top: 1px solid #FFFFFF;padding: 30px 45px 0;margin-top:30px;}
.secondary-slider .slides li p.date{font-style:italic;}

.secondary-slider .col-third a {display:block; width:100%; min-height:455px; padding-top:35px;}
.secondary-slider .col-third a p {color:#000; font-size:17px;}

.stars {width:91px; height:14px; text-indent: 100%; white-space: nowrap; overflow: hidden; background:url(../img/sprite-stars.png) 0 -70px no-repeat; margin:0 auto 30px;}
.stars.one {background-position: 0 -56px;}
.stars.two {background-position: 0 -42px;}
.stars.three {background-position: 0 -28px;}
.stars.four {background-position: 0 -14px;}
.stars.five {background-position: 0 0;}

p.link-hold {text-align:center; padding-bottom:20px;}
p.link-hold.xmarg {padding-top:60px;}

a.plus-link {font-size:17px; font-style:italic; padding-left:30px; background:url(../img/sprite-links.png) 0 3px no-repeat; color:#666633;}
a.plus-link:hover {color:#333;}

/*highlights styles//////////////////////////////////////////*/

#top-content h1 {text-align:center; font-size:30px; background:#f6f6f6; margin:0; padding:32px 0;}
.top-nav {list-style:none; margin:0 0  5px; padding:0; width:100%; overflow:hidden; text-align:center; border-bottom:3px solid #f6f6f6;}
.top-nav li {display:inline-block; width:299px; text-align:center; margin:2px 0;}
.top-nav.highlights-filter li {padding:34px 0 22px;}
.top-nav li.mid {width:348px; border-left:3px solid #f6f6f6; border-right:3px solid #f6f6f6;} 

.highlights-filter li a {color:#666633; background:#f6f6f6; border-bottom:6px solid #fff; padding:3px 15px 3px;}
.highlights-filter li.active a,
.highlights-filter li a:hover{background:#4f4f27 url(../img/bg-highlights-arrow.png) center bottom no-repeat; color:#fff; border:none; padding-bottom:9px;}

.articles-list, .article-detail {width:632px; margin: 0 23px 0 0; float:left;}
aside {width:305px; float:left; margin:60px 0 0;}
aside .social {background:#f6f6f6; padding:45px 0 45px 55px; overflow:hidden; margin:0 0 35px;}

aside h2, aside h3 {color:#333; margin-bottom:0em;}
aside h3 {font-size:1em;}
aside ul {list-style:none; margin: 0 42px; padding:20px 0 15px; width:221px; overflow:hidden; }
aside ul.browse-list {border-bottom:1px solid #f6f6f6; padding:0 0 30px; margin-bottom:25px;}
aside ul li {display:inline; font-style:italic;}
aside ul li a {color:#666633;}

aside ul li h3 {font-style:normal; color:#666;}

aside .indent-header {padding:0 42px;}

aside ul.category-list {/*margin:0; width:250px;*/ border-bottom:1px solid #e6e6e6; padding-top:0;}

aside ul.category-list.last {border:none;}
aside ul.category-list li {white-space:nowrap;display:block;margin-left:16px;}
aside ul.category-list li a.indented{padding-left:16px;}

.articles-list article {background:#f6f6f6; padding:40px 23px 0 43px; overflow:hidden; margin:60px 0 0;}
.articles-list article a {display:block; color:#000;}
.articles-list article a:hover h1 {color:#333;}

.articles-list article figure {width:197px; float:left;padding-bottom: 20px;}
.articles-list article figure img {width:100%;}
article figure figcaption {color:#666633; padding:10px 0; text-align:center; background:#fff; margin:10px 0 0; font-size:14px;}
article figure figcaption i {color:#333;}
article figure figcaption span {display:block; color:#333; border-top:1px solid #f6f6f6; margin:10px 0 0; padding:10px 0;}

article a{color:#666633;}

article .post {float:left; width:308px; padding:0 0 15px 45px;}
article .post h1 {margin:-8px 0 28px; padding:0 0 20px; border-bottom:1px solid #fff; font-size:1.2em; line-height:1.3em;}

/*highlights detail*/

.article-detail {padding-bottom:30px;}
.article-detail article {background:#f6f6f6; padding:20px 0 0; overflow:hidden; margin:0;}
aside#detail-aside {margin:0;}
.article-detail article header,
.article-detail article section {padding:0 40px 0 43px; border-bottom:3px solid #fff; width:549px;}
.article-detail article section {padding-top:30px; padding-bottom:20px;}

.article-detail article header h1 {font-size:1.85em; padding-bottom:20px;}
.article-detail article .introduction p {font-size:19px; font-style:italic; margin-bottom:1.5em;}
.article-detail article section img {padding:10px 0;max-width:100%;}
.article-detail article section h2,
.article-detail article section h3,
.article-detail article section h4 {color:#666633;}
.article-detail article section h2 {font-size:1.48em;font-weight:600;}
.article-detail article section h3 {font-weight:600;}
.article-detail article section h4 {}

.article-detail article section pre{padding:16px;border:1px solid #c3c3c3;background:#FFF;}
.article-detail article section pre code{font-size:0.85em;}
.article-detail article section hr{border-top: 3px solid white;margin: 1em -45px;}
.article-detail article figure figcaption {background:none; text-align:left; font-style:italic; color:#000; margin:0; padding:0 0 5px;}
.article-detail article footer {width:100%; overflow:hidden; background:#fff; padding:20px 0; margin:0;}

article footer ul.article-footer {list-style:none; padding:0 45px; font-style:italic; color:#666;}
article footer ul.article-footer li {float:left; font-size:14px; }
article footer ul.article-footer li.prev,
article footer ul.article-footer li.next {float:right;}
article footer ul.article-footer li.prev a {padding:3px 5px 3px 25px; background:url(../img/sprite-article-nav.png) 0 6px no-repeat; max-height:15px;}
article footer ul.article-footer li.next a {padding:0px 25px 3px 9px; background:url(../img/sprite-article-nav.png) 100% -22px no-repeat; max-height:15px;}
article footer ul.article-footer li a,
article footer ul.article-footer li i {color:#666633;}

/*related items*/
section.related {/*border-top:1px solid #f6f6f6;*/ padding:25px 0; position:relative;}
section.related h1 {font-size:21px; padding-left:43px;}

ul.related-items {list-style:none; margin:30px 0 0; padding:40px 40px 40px 43px; width:549px; overflow:hidden;background:#f6f6f6;}
ul.related-items li {float:left; width:155px; padding:0 0 0 20px; margin:0  0 0 20px; border-left:1px solid #ddd; font-style:italic;}
ul.related-items li:first-child {margin:0; padding:0; border:none;}
ul.related-items li a {color:#666633;text-align:center;}
ul.related-items li a:hover {color:#333;}
ul.related-items li img {width:100%;padding:0 0 23px;}

a.related-cottages{display:block;overflow:hidden;padding:40px 40px 40px 43px;width:549px;background:#f6f6f6;}
a.related-cottages ul{list-style:none;margin:0;padding:0;}
a.related-cottages ul li{float:left;width:167px;padding:0 8px;}
a.related-cottages ul li img{width:100%;}

/*related cottages nearby*/
ul.related-items li a h2 {margin:0; font-size:1em;}
ul.related-items li a i {display:block;}
section.related a.browse {position:absolute; z-index:1; top:45px; right:44px; font-size:1em; font-style:italic; font-size:14px; color:#666633;}

section.related a.show-more {display:block; width:517px; padding:22px 40px 22px 75px; background:#f6f6f6 url(../img/sprite-links.png) 45px -426px no-repeat; border-top:1px solid #fff; color:#666633;}

section.related a.browse:hover,
section.related a.show-more:hover {color:#333;}

aside a.block-link {background:#5e7686 url(../img/sprite-highlights-arrow.png) -305px 100% no-repeat; padding:40px 0 0 31px; display:block; color:#fff; font-size:20px; height:110px;}

aside a.block-link.suggest {background:#7F7EA8;}
aside a.block-link.suggest b{background-position:0 -570px;}

aside a.block-link:hover,
aside a.block-link.no-arrow:hover {color:#ccc;}

/*alternative block link styles*/
aside a.block-link.no-arrow {background:#5e7686; margin-bottom:30px; color:#fff; height:86px;}
aside a.block-link.no-arrow.suggest{background:#7F7EA8;}


aside a.block-link.alt {background:#f6f6f6 url(../img/sprite-highlights-arrow.png) 0px 100% no-repeat; color:#5E7686;}
aside a.block-link.alt:hover {color:#000;}

a.block-link b {display:block; padding:2px 0 5px 58px; background:url(../img/sprite-links.png) 0 -91px no-repeat; font-weight:300; line-height:1.35em;}
a.block-link.add b {background-position:0 -320px;}

a.block-link.alt b { background:none; padding-left:0;}

aside ul.meta {/*padding:15px 42px 20px;*/ list-style:none; /*margin:0;*//* overflow:hidden; *//*width:223px;*/ font-style:italic;}
aside ul.meta li {padding:0 0 35px;}
aside ul.meta li i {display:block; color:#666; display:block; width:100%; padding:0 0 35px; font-size:0.85em;}

ul.cat-list {margin-top:50px; border-top:1px solid #e3e3e3;font-size:1.18em; line-height:1.2em;}
ul.sub-cat-list {margin-top:50px; border-top:1px solid #e3e3e3;}

a.cat-link {font-size:1.18em; line-height:1.2em; display:block; color:#666; margin:0 42px;}
a.cat-link i {display:block; color:#666633;}

/*category icons */

a.cat-link.food {padding-left:55px; background:url(../img/sprite-cat-icons.png) 0 0 no-repeat;}

/*add more categorys here*/


/*cookies accept box*/
div.accept-cookies{position:fixed;width:100%;bottom:0;z-index:100;margin: 0;background: #f4f3f0;border-top: 1px solid #d3d3d3;}
div.accept-cookies p{display: block;margin: 0 auto;padding: 20px 0;width: 960px;}
div.accept-cookies p a{color:#666633;}
div.accept-cookies p a.ok
{
    display: block;
    float: right;
    width: 112px;
    padding: 5px 0;
    text-align: center;
    font-style: italic;
    color: #fff;
    background: #9999cc;
    margin-top: -5px;   
}


/*locations////////////////////////////////////////////////////*/

.map-hold {width:632px; height:353px; float:left; margin:20px 0 0; position:relative;}
.map-hold img {display:none; position:absolute; top:0; left:0; z-index:1;}
.map-hold img.selected-map-region {display:inline;}
.locations-nav {float:left; width:305px; background:url(../img/bg-locations-nav.png) 9px 154px no-repeat;; margin:20px 0 0; min-height:290px; position:relative; padding-left:23px;}

.locations-nav nav.sub-nav {background:#fff; width:285px; overflow:hidden; margin:0; padding:0; height:auto; padding:10px;}

.locations-nav a {color:#5e7686;}
a.sw {width:100%; clear:both; padding:30px 0; display:block; text-align:center;}
a.sw.active { color:#fff; background:#5e7686;}

.locations-nav ul {margin:13px 0 0; padding:0; list-style:none; overflow:hidden; float:left; width:142px;}
.locations-nav ul li {width:142px; text-align:center; font-style:italic;}
.locations-nav ul.b-left {border-right:1px solid #9ac4df;}
.locations-nav ul li.county-title {border-top:1px solid #9ac4df; margin-top:20px; padding:20px 0 20px;}
.locations-nav ul li a {display:block; padding-bottom:3px;}
.locations-nav ul li a:hover {text-decoration:underline;}
.locations-nav ul li.title a {font-style:normal; font-weight:600;}

.locations .article-detail article header h1,
.locations .article-detail article section h2,
.locations .article-detail article section h3,
.locations .article-detail article section a,
.locations aside a.highlights-link,
.locations aside ul li a {color:#5e7686;}

.locations aside a.highlights-link:hover {color:#fff;}

/*things to do and planner////////////////////////////////////////////////////*/

#filter {overflow:hidden;}

#things-to-do {width:100%; margin:0 auto; background:#f4f3f0; padding:0; margin:0;}

/*filter form*/

form#filter-options {width:100%; overflow:hidden; padding:0; margin:0; height:503px; display:none; }
form#filter-options input {float:left; margin:3px 0 0;}
form#filter-options label {color:#666633; line-height: 1em; padding: 0 0 0 12px; float:left; font-style:italic; cursor:pointer;margin-right:-50px;}
form#filter-options label b {font-style:normal; font-weight:600;}
.form-left {float:left; width:579px; background: url(../img/bg-form-divider.png) 0 0 no-repeat;}
.form-right {float:left; width:380px; border-left:1px solid #ddd; background: url(../img/bg-form-divider.png) 100% 0 no-repeat;}
.form-left h2,
.form-right h2 {text-align:center; color:#666633; padding:20px 0; font-style:italic;}
.form-right h2 a {color:#666633; }
.form-right h2 a.live,
.form-right h2 a:hover {color:#666; text-decoration:underline;}

.form-left fieldset {width:177px; float:left;  border-right:1px solid #ddd; margin:0 9px 0 0;}
.form-left fieldset.last {margin:0; border:none;}

.form-left fieldset ul {width:157px;  min-height:360px; background:#fff; list-style:none; margin:0 9px 0 0; padding:20px 5px 20px 15px;}
.form-left fieldset ul li {padding-bottom:11px; width:100%; overflow:hidden; clear:both;}
.form-left fieldset ul li.xpad {padding-top:30px;}

fieldset.places {width:331px; padding:15px 20px 15px; height:370px; margin:0 0 0 9px; display:none; background:#fff;}
.filter-map {width:331px; height:165px; position:relative; clear:both; background: url(../img/map-filter-sw.png) 0 0 no-repeat;}

fieldset.places a#chkthe-west-country {margin-left:85px;}
.filter-map img {position:absolute; top:0; left:0; z-index:10;}

.filter-map img.tickbox-off {display:none;}
.filter-map img.tickbox-on {display:inline;}

/*.filter-map img[rel="#southwest"] {top:0; left:63px;}
.filter-map img[rel="#cornwall"] {top:0; left:63px;}
.filter-map img[rel="#cornnorth"] {top:74; left:89px;}
.filter-map img[rel="#cornsouth"] {top:94px; left:92px;}
.filter-map img[rel="#cornwest"] {top:121px; left:64px;}

.filter-map img[rel="#devon"] {top:0; left:63px;}
.filter-map img[rel="#devonnorth"] {top:0; left:63px;}
.filter-map img[rel="#devonsouth"] {top:0; left:63px;}

.filter-map img[rel="#somerset"] {top:0; left:63px;}
.filter-map img[rel="#dorset"] {top:0; left:63px;}*/

fieldset.places.live {display:block;}

.towns-hold {width:351px; overflow:hidden; height:370px; overflow:auto; background:#fff;}

fieldset.places ul {width:147px; float:left; list-style:none; margin:0; padding:0;}
fieldset.places ul.left {border-right:1px solid #f6f6f6; margin:0 30px 0 0;}
fieldset.places ul.wide {width:100%}
fieldset.places ul li {width:100%; overflow:hidden; clear:both; padding-bottom:10px;}
fieldset.places ul li:last-child {padding-top:20px;}
fieldset.places .towns-hold ul li:last-child {padding-top: 0;}

.results {width:100%; overflow:hidden; padding:23px 0;}
.results ul {list-style:none; margin:0; padding:0;}
.results ul li {float:left; color:#666633; font-style:italic; padding:12px 5px 0; position:relative;}
.results ul li b{font-style:normal;}
.results ul li span {display:block; border-left:1px solid #ddd; padding:0 0 0 22px;}
.results ul li.selected-tag-remove{cursor:pointer;}
.results ul li.selected-tag-remove span.selected-tag-icon {display: block;position: absolute;width: 16px;height: 16px;background: url(/img/bg-chk.png) 0 -16px no-repeat;border: none;padding: 0;top: -3px;left: 50%;margin-left: -8px;cursor:pointer;}

.results ul li.selected-tag-remove.hover {color:#888855;}
.results ul li.selected-tag-remove.hover span.selected-tag-icon{background-position:0 -32px;}



a.reveal-link {width:112px; display:block; float:right; padding:5px 0 16px; text-align:center; font-style:italic; color:#fff; background:#9999cc url(../img/bg-reveal-link.png) center bottom no-repeat;}

a.find-more {display:block; float:right; padding:0px 15px 6px 10px; text-align:center; font-style:italic; color:#fff; background:#9999cc;}
a.find-more span {font-size:25px; padding-right:12px; line-height:1em;}

.results .social {float:right; width:185px; text-align:right; padding-left:15px;}
.addthis_32x32_style .addthis_counter.addthis_bubble_style {display:none !important;} /*hide add this counter*/

p.planner-items {float:left; margin:0; padding:5px 0 0; color:#666633;}


/*map/search results*/

section#results, section#planner {min-height:480px; position:relative;height:600px;margin-bottom:-70px;}

aside.search-results {position:relative; z-index:1; width:300px; left:0; top:0; margin:0; overflow:hidden;height:100%;}

div.cottage-box img{width:100%;margin:-20px 0;}
div.cottage-box span{display:block;line-height:40px;height:40px;padding-left:25px;background:#9999cc;position:relative;}
div.cottage-box span a{color:#FFF;font-style:italic}
div.cottage-box span a.remove{display:block;position:absolute;top:0px;right:0px;width:40px;height:40px;background:url(/img/remove-cottage.png) 0px 0px no-repeat;text-indent:-999em;}

ul.results-pagination{position:absolute;list-style:none; width:100%; background:#9999cc; margin:0; padding:0; overflow:hidden; height:40px;z-index:100;}
ul.results-pagination li {color:#fff; float:left; font-size:14px; font-style:italic; padding:10px 5px 0 25px;}

ul.results-pagination li.prev,
ul.results-pagination li.next,
ul.results-pagination li.order,
ul.results-pagination li.share,
ul.results-pagination li.print,
ul.results-pagination li.clear{float:right; width:40px; height:40px; text-indent: 100%; white-space: nowrap; overflow:hidden; padding:0;}
ul.results-pagination li.share,
ul.results-pagination li.print,
ul.results-pagination li.clear{width:80px;}
ul.results-pagination li.share,
ul.results-pagination li.print{margin-left:2px;}

ul.results-pagination li.prev a,
ul.results-pagination li.next a {display:block; width:40px; height:40px; background:url(../img/bg-results-nav.png) 0 0 no-repeat; margin-left:1px;}
ul.results-pagination li.next a {background-position: -41px 0;}

ul.results-pagination li.order a{display:block; width:40px; height:40px; background:url(../img/bg-results-order.png) 0 0 no-repeat;}
ul.results-pagination li.order a.rating{background-position:0 0;}
ul.results-pagination li.order a.name{background-position:0 -42px;}

aside.search-results div.results-order-select{position:absolute;width:140px;height:82px;background:#9999CC url(../img/bg-results-order-select.png) 0px 0px no-repeat;padding:0;margin:-2px;z-index:99;display:none;border:2px solid #FFF;}
aside.search-results div.results-order-select ul{margin:0;padding:0;width:100%;}
aside.search-results div.results-order-select ul li a{display:block;height:40px;margin-bottom:2px;cursor:pointer;text-indent:-100%;}

ul.results-pagination li.share a{display:block; width:80px; height:40px; background:url(../img/bg-results-share.png) 0 0 no-repeat;}
ul.results-pagination li.print a{display:block; width:80px; height:40px; background:url(../img/bg-results-print.png) 0 0 no-repeat;}
ul.results-pagination li.clear a{display:block; width:80px; height:40px; background:url(../img/bg-results-clear.png) 0 0 no-repeat;}

ul.results-pagination.bottom-nav {position:absolute; bottom:0; left:0;}

.panel {overflow-y:auto; overflow-x:hidden; position:relative; height:720px;}

aside.search-results .panel{overflow-y:auto; overflow-x:hidden; position:absolute;top:40px;bottom:40px;left:0;right:0;height:auto;}
aside.search-results.has-cottage .panel{top:240px;}
/*section#planner aside.search-results .panel{top:0;bottom:0;}*/

.panel ul {list-style:none; margin:0; padding:0; width:100%; overflow:hidden;}
.panel ul li {position:relative; border-top:1px solid #f6f6f6; padding:5px; display:block; overflow:hidden; clear:both;background:#FFF;}
.panel ul li:first-child{border:none;}
.panel ul li.ui-sortable-helper{transform: rotate(10deg);-ms-transform: rotate(10deg); /* IE 9 */-webkit-transform: rotate(10deg); /* Safari and Chrome */box-shadow: 2px 2px 3px #888888;}

.panel ul li a {display:block; border:1px solid #fff; padding:15px 15px 47px 15px; overflow:hidden; color:#000; position:relative; z-index:1;}
.panel ul li a:hover {border: 1px solid #a3c0df;}
.icons {float:left; width:48px;}
.icons img{margin-bottom:8px;}

.panel ul li .actions{position:absolute;bottom:15px;left:22px;right:22px;line-height:27px;z-index:2;color:#333;font-size:0.85em;}
.panel ul li .actions a{display:inline;padding:0;margin:0;border:none;}
.panel ul li .actions .left,.panel ul li .actions .right{width:50%;float:left;margin:0;padding:0;}
.panel ul li .actions span.planner-link{display: block;padding: 0 0 0 48px;margin: 0 11px 0 0;height: 27px;border:none !important;cursor:pointer;}
.panel ul li .actions span.planner-link.add-to-planner{background: url(/img/bg-add-link.png) 0 0 no-repeat;}
.panel ul li .actions span.planner-link.remove-from-planner{background: url(/img/bg-remove-link.png) 0 0 no-repeat;}
.panel ul li .actions a.stay-nearby img {float:left;}
.panel ul li .actions a.stay-nearby span {display:block;padding-left:40px;color:#333;}
.panel ul li .address {display:none;}

.results-text {font-size:0.85em;margin-left: 48px;}
.results-text p {margin:5px 0;}
.panel ul li a h2,
.panel ul li a h3 {margin:0 0 9px; color:#666633;}
.panel .stars {width:68px; height:11px; background:url(../img/sprite-stars-sm.png) 0 -55px no-repeat; margin:3px 0 0; float:left;}
.panel .stars.four {background-position:0 -11px;}
.panel .stars.three{background-position:0 -22px;}
.panel .stars.two {background-position:0 -33px;}
.panel .stars.one {background-position:0 -44px;}
.panel .stars.five {background-position:0 0}

.panel .reviews {text-indent:0; width:115px; float:left; padding:0 0 0 10px;}
.panel .reviews p {margin:0; line-height:1em; color:#666633;}

.panel ul li a.remove {
    border: none;
    color: #fff;
    display: inline;
    padding: 1px 3px 2px;
    width: auto;
    position:absolute;
    top:5px;
    right:8px;
    text-align:right;
    z-index:10;
    font-size:12px;
}
.panel ul li a.remove span {color:#666; font-family:arial, sans-serif; font-style:normal; padding:0 0 0 3px;}

.panel ul li a.remove:hover,
.panel ul li a.remove:hover span {color:#fff; background:#8180ac;}

/*suggest location item*/

/*.panel.planner-list {height:720px;}*/
.panel ul li.suggest-location {background:#8180ac; color:#fff;}
.panel ul li.suggest-location a h2,
.panel ul li.suggest-location a p {color:#fff;}
.panel ul li.suggest-location a {border:1px solid #8180ac;}
.panel ul li.suggest-location a:hover {border:1px solid #fff;}


#map-hold {position:absolute; top:0; left:300px; right:0; z-index:10; background:#333; height:100%;}
/*map loading box*/
.map-loading{position: absolute;left: 50%;top: 50%;height: 60px;width: 300px;border:4px solid white;margin-top: -32px;margin-left: -152px;overflow:hidden;display:none;z-index:2000;}
.map-loading-base, .map-loading-loaded{position:absolute;left:0;top:0;overflow:hidden;}
.map-loading-base{background: #FFF;color:#222;width:100%;}
.map-loading-loaded{background: #8080AB;color:#FFF;width:0%;}
.map-loading-text{width:300px;text-align: center;line-height: 60px;}
.map-loading-count{font-weight:600;}
/*map info box*/

.leaflet-popup-content {width:380px !important; padding:20px !important;}
.leaflet-popup-content ul {width:340px; overflow:hidden; border-top:1px solid #e3e3e3;  list-style:none; margin:0; padding:0; font-size:14px; position:relative; height:85px;}
.leaflet-popup-content ul li {float:left; width:180px; font-style:italic; padding:0; position:absolute; height:50px;}
.leaflet-popup-content ul li.top-left {width:182px; top:5px; left:0;}
.leaflet-popup-content ul li.top-right {text-align:right; width:150px; top:5px; right:0;padding-right:2px;}
.leaflet-popup-content ul li.bot-left {top:55px; left:0;}
.leaflet-popup-content ul li.bot-right {top:59px; right:0;}

.leaflet-popup-content ul li a {line-height:1em; color:#666633; padding:15px 0; display:block;}

.leaflet-popup-content ul li.top-left a.add-to-planner {padding-left:30px; background:url(../img/bg-add-link.png) 0 10px no-repeat;}
.leaflet-popup-content ul li.top-left a.remove-from-planner {padding-left:30px; background:url(../img/bg-remove-link.png) 0 10px no-repeat;}

.leaflet-popup-content ul li.bot-left span {line-height:1em; padding:0 0 0 5px;}
.leaflet-popup-content ul li.bot-left span a{padding:0;display:inline;}

.leaflet-popup-content ul li.panel {height:50px; overflow:hidden;}
.leaflet-popup-content ul li.panel a {float:right; padding:0; width:80px;}
.leaflet-popup-content ul li.panel .stars {float:right;}


.leaflet-popup-content p {font-size:14px;}
.leaflet-popup-content h3 {margin:0 0  10px; color:#666633;}
a.close-info {position:absolute; top:10px; right:15px; z-index:1000; color:#666; font-family:arial, sans-serif; font-size:14px; }

/*attraction///////////////////////////////////////////////////*/

.mid .stars {margin-bottom:5px;}
.attraction li a {color:#666633;}
.top-nav.attraction {margin:0;}
.top-nav.attraction li {padding:20px 0 15px; font-style:italic; text-align:left;}
.top-nav.attraction li.mid{text-align:center;}
.top-nav.attraction li.attraction-place span,
.top-nav.attraction li.add-attraction a { margin:0 0 0 58px; display:block; padding:0 0 0 50px;}
.top-nav.attraction li.attraction-place span {background:url(../img/sprite-links.png) 0 -176px no-repeat;}
.top-nav.attraction li.add-attraction a.add-to-planner {background:url(../img/sprite-links.png) 0 -250px no-repeat;}
.top-nav.attraction li.add-attraction a.remove-from-planner {background:url(../img/sprite-links.png) 0 -629px no-repeat;}

.attraction-map {width:1500px; height:430px; background:#666; margin:0 auto;}

.osm-copyright
{
    position:absolute;
    bottom:0px;
    left:80px;
    padding-right: 6px;
    padding-left: 6px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 10px;
    color: rgb(68, 68, 68);
    white-space: nowrap;
    z-index:1;
    background:#FFF;
    opacity:0.8;
}


.article-detail.attraction-detail article {
    background: #fff;
    padding:0;
}

.article-detail.attraction-detail article header,
.article-detail.attraction-detail article section {background:#f6f6f6; margin-bottom:18px; padding-top:0;position:relative;z-index:2;}
.article-detail.attraction-detail article .introduction p {margin-top:0; padding-top:20px;}
.article-detail.attraction-detail article section.address {padding-top:65px;}

.attr-left {float:left; width:155px; background:#fff; padding-top:55px;}
.attr-right {float:left; width:350px; margin-left:40px; padding-top:35px;}
section.address .attr-left {background:#f6f6f6; padding:0;min-height: 10px;}
section.address .attr-right {padding-top:0;}
.article-detail article section.address .attr-right {border-left:1px solid #e3e3e3;}
.article-detail article section.address img {
    padding-top:0; 
    margin:0 0 25px;
    width:155px;
    /*height:178px;
    filter: url(../filters.svg#grayscale); 
    filter: gray; 
    -webkit-filter: grayscale(1); */
}

section.address address {font-style:normal; display:block; padding:0 0 25px 90px; }
section.address .attr-right p {margin:0; padding-left:90px;}
section.address .attr-left a {width:155px; background:#fff; color:#666633; text-align:center; font-style:italic; padding:10px 0; display:block;}
section.address .attr-left a:hover {color:#333;}

.attr-left .stars {margin-bottom:0;}
.attr-left p.date {padding-top:8px; border-top:1px solid #d4d4d4; font-size:14px; font-style:italic; text-align:center; margin:1.6em auto 1.6em; min-width:91px; max-width:145px;}
.attr-left p.name {font-size:14px; font-style:italic; text-align:center; margin:1.6em auto 1.6em; min-width:91px; max-width:145px;}
.attr-right ul {list-style:none; margin:0; padding:0; font-size:14px; font-style:italic;}
.attr-right ul li {display:inline; padding-right:3px;}
.attr-right ul li a {color:#666633;}
.attr-right ul li a:hover {color:#333;}

.attraction-vote-text{font-size:14px; font-style:italic;}
.review-attraction-name{display: block;font-weight: 600;font-size: 18px;color: #666633;}

footer .add-review, footer .add-review-redirect {float:right; font-size:14px; font-style:italic; color:#666633; padding-left:40px; padding-right:4px; background: url(../img/sprite-links.png) 0 -396px no-repeat; border-left:1px solid #dadada;}

/*pop up review*/

/*.overlay {width:100%; height:100%; position:absolute; z-index:500; top:0; left:0; right:0; bottom:0; background: #fff url(../img/bg-overlay.png) 0 0 repeat; }*/

.popup{position:fixed;z-index:4999;left:0;top:0;width:100%;height:100%;background:#dedede; background:rgba(222,222,222,0.95);display:none;}
.popup-dialog {width:576px; background:#f6f6f6; position:absolute; z-index:5000; top:50%; left:50%; margin:-350px 0 0 -348px; padding:60px 60px 20px; }

.popup-dialog section,
.popup-dialog section form {width:576px; position:relative; overflow:visible;}
.popup-dialog section h1 {font-size:1.8em;}
.popup-dialog section form label {display:block; width:100%; font-style:italic; padding:15px 0; color:#666;}
.popup-dialog section form input,
.popup-dialog section form textarea {width:566px; padding:6px 5px; border:none; background:white; resize:none; font-family: 'Crimson Text', georgia, serif;}
.popup-dialog section form textarea {height:145px;}
.input-hold {float:left; width:50%; padding:12px 0;}
.input-hold.anon{padding:20px 0;}

.input-hold.anon a {float:right; } 
.input-hold.anon label {float:right; text-align:right; display:inline; width:200px; font-size:14px; padding:0 10px 0 0;line-height:1.2em;}

.input-hold #star {float:left;}
.input-hold p.rate {float:left; width:188px; color:#666; margin:5px 0 0; font-size:15px; text-indent:5px; }
p.username {border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:35px 0; margin:10px 0 30px; clear:both;}
p.username a {color:#666633;}
p.username a:hover{color:#666;}
.popup-dialog section form input.submit {width:75px; float:right; background:#666633; color:#eee; padding:6px 0;}
.popup-dialog section form input.submit:hover {background:#666; color:#fff;}

a#close-button {position:absolute; top:-78px; right:-59px; width:35px; height:35px; background:url(../img/sprite-links.png) 0 -503px no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
a.close-overlay {color:#666633;}
a.close-overlay:hover {color:#666;}

/*login////////////////////////////////////////////////////*/
.login-form {width:100%; background:#f6f6f6; padding:0 0 10px 0;}
.login-form form {width:400px; position:relative; overflow:hidden;margin:auto;padding:0 20px;}
.login-form form label {display:block; width:100%; font-style:italic; padding:15px 0; color:#666;}
.login-form form input {width:390px; padding:6px 5px; border:none; background:white; resize:none; font-family: 'Crimson Text', georgia, serif;}
.login-form form .radio-opt{padding:20px 0;}
.login-form form .radio-opt a {float:left; } 
.login-form form .radio-opt label {float:left; text-align:left; display:inline; width:350px; font-size:14px; padding:0 0 0 10px;line-height:1.2em;}
.login-form form input[type=submit] {width:75px; float:right; background:#666633; color:#eee; padding:6px 0;}
.login-form form input[type=submit]:hover {background:#666; color:#fff;}
.login-form form a.login-forgotten {color:#666633;}
.login-form form a.login-forgotten:hover {color:#666;}

.user-left .login-form h1 {padding:0;}
.user-left .login-form {padding-bottom:20px;}


.login-error-message{border-top:1px solid #666;border-bottom:1px solid #666;}
.login-error-message a{color:#666633}

/*user pages////////////////////////////////////////////////////*/
.user-left{width:633px; overflow:hidden; margin:0 21px 18px 0; background:#f6f6f6; float:left; min-height:300px;}
.user-left h1 {padding:0 45px;}
.user-left>p {padding:0 45px;}
.user-left form{padding:0px 45px;overflow:hidden;}
.user-left form label {display:block; width:100%; font-style:italic; padding:15px 0; color:#666;}
.user-left form input {width:390px; padding:6px 5px; border:none; background:white; resize:none; font-family: 'Crimson Text', georgia, serif;}
.user-left form input[type=submit] {width:75px; float:right; background:#666633; color:#eee; padding:6px 0;}
.user-left form input[type=submit]:hover {background:#666; color:#fff;}

.user-left section{padding:0 40px 0 43px;}

.user-right {width:306px; overflow:hidden; margin:0 0 20px 0; float:left; background:#FFF;}
.user-right 
.user-right h1{padding:0 45px;}
.user-right p{padding:0 45px;}

ul.user-actions{list-style:none;padding:0;margin:0;width:100%;}
ul.user-actions li{display:block;margin:0 0 8px 0;}
ul.user-actions li a{display:block;padding:18px 8px;color:#FFF;font-size:18px;background-color:#5E7686;}
ul.user-actions li a b{display:block;padding:5px 16px 5px 58px;background: url(../img/sprite-links.png) 0 -91px no-repeat;font-weight: 300;line-height: 1.35em;}
ul.user-actions li a.review b{background-position:0 -320px;}
ul.user-actions li a.suggest{background-color:#7F7EA8}
ul.user-actions li a.suggest b{background-position:0 -570px;}


.user-right form label {display:block; width:100%; font-style:italic; padding:5px; color:#666;margin-left:45px;}
.user-right form input {width:206px; padding:5px; border:none; background:#e6e6e6; resize:none; font-family: 'Crimson Text', georgia, serif;margin-left:45px;}
.user-right form input[type=submit] {width:216px; background:#666633; color:#eee; padding:6px 0;margin-top:5px;}
.user-right form input[type=submit]:hover {background:#666; color:#fff;}
/*footer////////////////////////////////////////////////////*/

footer {width:100%; overflow:hidden; clear:both; background:#f6f6f6; padding:55px 0 200px; margin:70px 0 0;}
footer.map-footer {margin:0;}

footer .col {width:271px; border-right:1px solid #e3e3e3; float:left; padding:0 10px 0 45px; margin:25px 0 40px;}
footer .col.right {width:251px; border:none;}
footer div.col.left {width:270px; border-left:1px solid #e3e3e3;}

.col ul {padding:0; list-style:none; font-style:italic;}
.col ul a {color:#666633;}
.col ul a:hover{color:#333;}

#footer-links {width:100%; overflow:hidden; clear:both; list-style:none; padding:40px 0 0; border-top:1px solid #e3e3e3; }
#footer-links li {float:left;}
#footer-links li.col {margin:0; border:none;}
#footer-links li.col.left {width:316px; border:none; padding-left:0;}
#footer-links li a {color:#666633;}
#footer-links li a:hover {color:#333;}
#footer-links li span {padding:0 15px;}
#footer-links li.col.right {color:#666633; font-size:14px; font-style:italic; padding-top:3px;}

/*fbook/twitter buttons div*/
footer .container {position:relative;}
.social-buttons {position:absolute; z-index:1; top:0; right:0; width:265px; height:30px;} 
.twitter-share-button {width: 90px !important;height: 22px !important;display: inline-block;float: left;}

/*checkboxes*/

a.tickbox {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

a.tickbox:link, a.tickbox:hover, a.tickbox:focus {outline:0 !important;}
a.tickbox-off {background: url("../img/bg-chk.png") no-repeat scroll 0 0 transparent;}
a.tickbox-on {background: url("../img/bg-chk.png") no-repeat scroll 0 -16px transparent;}

ul.sitemap-list{list-style:none;}
ul.sitemap-list>li{border-top:1px solid #666633;}
ul.site-map-blocks{list-style:none;overflow:hidden;}
ul.site-map-blocks li{float:left;}
ul.site-map-blocks li a{display:block;position:relative;padding:4px 16px 4px 24px;margin:2px; background:#FFF;border-bottom:2px solid #e3e3e3;border-right:2px solid #e3e3e3;font-style:italic;}
ul.site-map-blocks li a:before{content:'';position:absolute;display:block;left:5px;top:7px;height:16px;width:16px;background:url(/img/bg-chk.png) 0 0 no-repeat;}

aside .docked-nav
{
    margin:0;
    padding:0;
    counter-reset: docked-nav;
    margin-bottom:16px;
    overflow:hidden;
}
aside .docked-nav li
{
    display:block;
    margin:0;
    background:#f6f6f6;
    border-bottom:3px solid #FFF;
    padding:4px 8px;
    float:left;
    clear:both;
}
aside .docked-nav li.active
{
    /*font-style:italic;*/
    background:#c3c3c3;
}
aside .docked-nav li:before
{
    display:block;
    width:20px;
    float:left;
    counter-increment: docked-nav;      /* Increment the section counter */
    content: counter(docked-nav) ". "; /* Display the counter */
    padding-right:4px;
}
aside .docked-nav li a{color:#666633;}
#portamento_container {
    float: right;
    position: relative;
}

#portamento_container #detail-aside {
    float: none;
    position: absolute;
}

#portamento_container #detail-aside.fixed {
position: fixed;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

.lt-ie9 .locations-nav ul {width:141px;}
.lt-ie9 footer .col.right {padding-right:0;}

/*ie7 fixes*/

.lt-ie8 #search input[type="submit"] {letter-spacing:9999px; font-size:1px; color:#fff;}
.lt-ie8 header nav ul li a {padding-bottom:29px;}
.lt-ie8 .top-nav {width:960px; margin:0 auto;}
.lt-ie8 .top-nav li {float:left;}
.lt-ie8 section.related a.browse {top:30px;}
.lt-ie8 .form-right {width:379px;}
.lt-ie8 .form-left fieldset ul li {padding-bottom:3px;}
.lt-ie8 form#filter-options label {line-height:1.2em;}
.lt-ie8 .articles-list article a {cursor:pointer; zoom:1;}  
.lt-ie8 a.block-link b {padding-bottom:7px;}
.lt-ie8 .social-buttons {top:23px;}

.lt-ie8 footer,
.lt-ie8 #top-image,
.lt-ie8 #top-content,
.lt-ie8 section#map,
.lt-ie8 #map-hold {width:99.95%; margin:0 auto;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */


.hidden {
    display: none !important;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        /*background: transparent !important;*/
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    /*a,
    a:visited {
        text-decoration: underline;
    }*/

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}