/* For icons */
@font-face {
    font-family: 'EntypoRegular';
    src: url('../fonts/entypo-webfont.ttf');
    src: url('../fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-webfont.woff') format('woff'),
         url('../fonts/entypo-webfont.ttf') format('truetype'),
         url('../fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.propertyUnit {
	float: left;
	margin: 0;
	position: relative;
}
.propertyUnit img {
	margin: 0;
}
.propertyUnit .masthead {
	background: url(../images/nt-masthead-tyntesfield.gif) 100% 0 no-repeat;
	float: left;
	margin: -3em 0 0 ;
	padding: 3em 0 0;
	position: relative;
}
.propertyUnit.purbeck .masthead {
	background: none;
}
.propertyUnit .breadcrumb {
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.propertyUnit h1 {
	color: #410546;
	border: none;
	float: left;
	margin: 0 0 0.1em 96px;
	padding: 4px 8px 2px;
	width: 100%;
}
.propertyUnit h1 a {
	color: #fff;
}
.propertyUnit h2 {
	color: #7b7700;
	border: none;
	font-family: "NationalTrustWeb-Italic";
	font-size: 1.8em;
	font-style: italic;	
	margin: 0;
	padding: 0;
}

.propertyUnit blockquote {
	border: none;
	color: #333;
	float: left;
	margin: 0 0 20px 96px;		
	padding: 0 8px;
	width: 744px;
}
.propertyUnit blockquote .quote {
	margin: 0 0 0.3em;
}
.propertyUnit blockquote h2:before {
	content: '‟';
}
.propertyUnit blockquote h2:after {
	content: '”';
}
.propertyUnit blockquote p {
	color: #7b7700;
	font-size: 1em;
	margin: 0 3em 0 0;
	text-align: right;
}


/*
.synopsis {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;	
	float: left;
	margin: 0 0 20px;
	padding: 15px 0;
}
.tagline {
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
}
.tagline h3 {
	color: #8a8600;
	font-family: "NationalTrustWeb-Italic";
	font-size: 3em;
	font-style: italic;
	font-weight: 400;	
}
#property-description {
	width: 460px;
}
*/

.synopsis {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;	
	float: left;
	margin: 0 0 20px;
	padding: 1.8em 0 2em;	
}
.synopsis .description h3 {
	color: #410546;
	font-family: "NationalTrustWeb-Italic";
	font-size: 3em;
	font-style: italic;
	font-weight: 400;	
}
.synopsis .description {
	float: left;
	margin: 0 20px 0 0;
	width: 460px;
}
.synopsis .gallery {
	float: left;
	width: 220px;
}
.synopsis .gallery ul li {
	float: left;
	list-style-type: none;
	margin: 0 5px 5px 0;
	padding: 0;
	width: 70px;
}
.synopsis .gallery ul li:nth-child(3n) {
	margin: 0 0 5px 0;
}
.synopsis .gallery ul li a {
	background-color: #333;
	border: 3px solid #fff;	
	display: block;
	height: 60px;
	overflow: hidden;
	position: relative;
	width: 64px;
}
.synopsis .gallery ul li a:hover {
	border: 3px solid #8a8600;
	width: 64px;	
}
.synopsis .gallery ul li a:focus {
	border: 3px solid #246be2;
}
.synopsis .gallery ul li a img {
	width: 120px;
}

.propertyUnit .extras {
	position: absolute;
	right: 10px;
	top: 25px;
	width: 220px;
}
.propertyUnit .extras li {
	list-style-type: none;
	margin: 0 0 4px;
}
.propertyUnit .extras li a {
	background: #64086c;
	background: -moz-linear-gradient(top,  #64086c 0%, #410546 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64086c), color-stop(100%,#410546));
	background: -webkit-linear-gradient(top,  #64086c 0%,#410546 100%);
	background: -o-linear-gradient(top,  #64086c 0%,#410546 100%);
	background: -ms-linear-gradient(top,  #64086c 0%,#410546 100%);
	background: linear-gradient(top,  #64086c 0%,#410546 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64086c', endColorstr='#410546',GradientType=0 );
	border: none;
	color: #fff;
	display: block;
	font-family: Helvetica, Arial, Verdana, serif;
	font-weight: bold;
	padding: 8px;
	text-decoration: none;
}
.propertyUnit .extras li a span {
	font-weight: normal;
}
.propertyUnit .extras li div {
	background-color: #ccc;
}
.propertyUnit .extras li a:before {
	font-family: 'EntypoRegular';
	font-size: 40px;
	left: 7px;
	position: absolute;
	top: 2px;	
}
.propertyUnit .extras li a.gallery {
	background: #b0ac16;
	background: -moz-linear-gradient(top,  #b0ac16 0%, #8a8600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0ac16), color-stop(100%,#8a8600));
	background: -webkit-linear-gradient(top,  #b0ac16 0%,#8a8600 100%);
	background: -o-linear-gradient(top,  #b0ac16 0%,#8a8600 100%);
	background: -ms-linear-gradient(top,  #b0ac16 0%,#8a8600 100%);
	background: linear-gradient(top,  #b0ac16 0%,#8a8600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ac16', endColorstr='#8a8600',GradientType=0 );	
	color: #fff;
	font-weight: normal;
	padding-left: 35px;
}
.propertyUnit .extras li a.gallery:before {
	content: 'p';
}
.propertyUnit .extras li a.gallery:hover {
	background: #8a8600;
	background: -moz-linear-gradient(top,  #8a8600 0%, #b0ac16 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8600), color-stop(100%,#b0ac16));
	background: -webkit-linear-gradient(top,  #8a8600 0%,#b0ac16 100%);
	background: -o-linear-gradient(top,  #8a8600 0%,#b0ac16 100%);
	background: -ms-linear-gradient(top,  #8a8600 0%,#b0ac16 100%);
	background: linear-gradient(top,  #8a8600 0%,#b0ac16 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8600', endColorstr='#b0ac16',GradientType=0 );
}
.propertyUnit .controls {
	/* background-color: rgba(138, 134, 0, 0.8); */
	background-color: #fff;	
	bottom: 45px;
	left: 110px;
	position: absolute;
	width: 840px;
}
.propertyUnit .controls ul {
	float: left;
	margin: 0;
	padding: 0;
}
.propertyUnit .controls ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.propertyUnit .controls ul li a {
	color: #333;
	display: block;
	padding: 8px 12px;
}


.propertyFeatures ul li {
	list-style-type: none;
	margin: 0 0 2px;
	padding: 0;
}
.propertyFeatures a {
	color: #333;
	display: block;
	font-size: 1em;
	padding: 10px;
}
.propertyFeatures a:hover {
	background-color: #ccc;
}
.propertyFeatures .guide {
	background-color: #410546;
	background-image: url(../images/nt-main-icon-propertyguide.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}
.propertyFeatures .guide:hover,
.propertyFeatures .whatson:hover {
	background-color: #333;
}
.propertyFeatures .whatson {
	background-color: #7b7700;
	background-image: url(../images/nt-icon-events.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}
.propertyFeatures .getinvolved {
	
}
.propertyFeatures .history {
	
}




/* Lightbox Styles (some are needed)
----------------------------------*/
#ui-lightbox-wrapper {
	background-color: #333;
	box-shadow: 0 5px 20px #000;
	display: none;
	padding: 10px 10px 0;
	position: absolute;
	width: 20em;
	height: auto;
}
#ui-lightbox-image {
	height: 10em;
	margin: 1em 0 2em;
	background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img {
	display: none;
}
#ui-lightbox-description {
	border-bottom: 1px dashed #555;
	color: #ccc6;
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.5em;
	margin: 0 0 1em;
	padding: 0.5em 0 1em;
}
#ui-lightbox-pager {
	color: #ccc;
	text-align: center;
}

/* Picture Styles
----------------------------------*/
.ui-widget-content {
	padding: 0 0 1em 0;
}
#ui-lightbox-content {
	color: #fff;
}
.ui-dialog {
	/* padding: 0 1em 0 1em !important; */
}
.box {
	padding: 0 1em 1em 1em;
	margin: 0 0 1em 0;
	height: 14em;
}
#mass .box {
	height: auto;
}
a.singleLightbox,
a.seriesLightbox {
	padding: 0 0 0.5em 0;
}
a.singleLightbox {
	margin: 0 0.8em 0 0;
}
/*
a.ui-state-focus,
a.ui-state-hover {
	border-left: 0 !important;
	border-right: 0 !important;
}
*/

#mass ul li{
	margin: 0 0.85em 0 0;
}
#mass ul li.last, 
ul li.last, 
a.last{
	margin: 0;
}
.ui-dialog-buttonset button {
	background: #444;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	padding: 0.5em;
	text-decoration: underline;
	text-transform: capitalize;
}
.ui-dialog-buttonset #ui-lightbox-next {
	float: right;
}
.ui-dialog-buttonset button:hover {
	background-color: #ccc;
	color: #333;
}
.ui-dialog-buttonset button:focus {
	background-color: #246be2;
	color: #fff;
}
.ui-dialog-buttonset button.ui-state-disabled {
	background-color: #333;
	color: #666;
	text-decoration: line-through;
}
.ui-dialog-buttonset button.ui-state-disabled:hover {
	cursor: default;
}
#ui-lightbox-close {
	background-color: #000;
	color: #fff;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	margin: -10px 0 10px;
	padding: 10px;
}
#ui-lightbox-close:focus {
	background-color: #246be2;
}
.ui-dialog-titlebar {
	color: #ccc;
	padding: 0;
}
#ui-dialog-title-dialog {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1.5em;
	text-transform: uppercase;
}
#ui-dialog-buttonpane {
	margin: -30px 0 0;
}

/* Overwrite Overlay */
.ui-widget-overlay { 
	background-color: rgba(0, 0, 0, 0.9);
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 1000000;
}

table.fortnight {
	border-collapse: collapse;
}
table.fortnight tr td {
	border: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	width: 40px;
}


/*
h3.borderTop {
	border-top: 1px solid #410546;
	padding: 0.5em 0 0;
}
*/

.propertyQuote {
	border: none;
	color: #333;	
	padding: 0;
}
.propertyQuote p {
	font-family: "NationalTrustWeb-Regular";
	font-style: normal;
	font-size: 1.2em;
	text-align: right;
}
.propertyQuote .quote {
	font-family: "NationalTrustWeb-Italic";
	font-style: italic;
	font-size: 1.4em;
	font-weight: 400;
	margin: 0 0 0.3em;	
	text-align: left;
}
.propertyQuote .quote:before {
	content: '‟';
}
.propertyQuote .quote:after {
	content: '”';
}


.visitorInformation {

}

.flexslider ul li {
	list-style-type: none;
	margin: 0;
}
.flexslider ul li .image {
	position: relative;
}
.flexslider ul li .image img {
	margin: 0;
}
.flexslider ul li .image span {
	background-color: rgba(255, 255, 255, 0.7);
	bottom: 5px;
	color: #333;
	font-size: 0.85em;
	padding: 2px 8px;
	position: absolute;
	right: 250px;
	text-align: right;
}
.flexslider ul li .slideArticle {
	background-color: #410546;
	bottom: 0;
	color: #fff;
	padding: 1.5em;
	position: absolute;
	right: 0;
	top: 0;
	width: 210px;
}
.flexslider ul li .slideArticle h3,
.flexslider ul li .slideArticle h3 a {
	color: #fff;
	margin: 0 0 0.3em;
}
.flexslider ul li .slideArticle h3 a {
	text-decoration: none;
}
.flexslider ul li .slideArticle h3 a:hover {
	text-decoration: underline;
}
.flexslider ul li .slideArticle p {
	font-size: 1em;
}
.flexslider .flex-pauseplay {
	bottom: 12px;
	font-size: 1.2em;
	left: 0;
	position: absolute;
}
.flexslider .flex-pauseplay a {
	background-image: url(../images/nt-main-carousel-playpause.gif);
	background-repeat: no-repeat;
	color: #333;
	font-weight: normal;
	padding: 0em 0.2em 0.2em 1.2em;
}
.flexslider .flex-pauseplay a.play {
	background-position: 0 -32px;
	color: #333;
}
.flexslider .flex-pauseplay a.pause {
	background-position: 0 2px;
	color: #333;
}
.flexslider .flex-pauseplay a:focus {
	color: #fff;
}




/* Ratings */
.visitorRating {
	bottom: -38px;
	position: absolute;
	right: 0;
}
.visitorRating h4 {
	color: #666;
	float: left;
	font-size: 1.4em;
	margin: 0 0.85em 0 0;
	text-transform: uppercase;
}
.visitorRating p {
	float: left;
}
.rating {
	background-image: url(../images/nt-property-ratings.gif);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	overflow: hidden;
	text-indent: -9999em;
	width: 80px;
}
.rating.zero {
	background-position: 0 0;
}
.rating.one {
	background-position: 0 -30px;
}
.rating.two {
	background-position: 0 -60px;
}
.rating.three {
	background-position: 0 -90px;
}
.rating.four {
	background-position: 0 -120px;
}
.rating.five {
	background-position: 0 -150px;
}

.topTabContainer {
	float: left;
	position: relative;
	width: 100%;
}

.topTabs {
	margin: -5px 0 10px;
	text-align: center;
}
.topTabs li {
	display: inline;
	list-style-type: none;
	margin: 0 1px;
}
.topTabs li a {
	border: 1px solid #fff;
	border-radius: 4px;
	color: #246be2;
	padding: 6px 10px;
}
.topTabs li a:hover {
	background-color: #eee;
}
.topTabs li.selected a {
	border: 1px dotted #ccc;
	color: #333;
	text-decoration: none;
}
.topTabs li.selected a:hover {
	background-color: #fff;
}
/* Just for tab setup */
.flexslider {
	float: left;
	width: 100%;
}
/* For Purbeck Countryside */
.mapContainer {
	border-bottom: 1px dashed #ccc;
	height: 350px;	
	margin: 0 0 1em;
	padding: 0 0 2em;
	position: relative;
	width: 700px;	
}
.mapContainer #map {
	height: 350px;
	width: 700px;	
}


blockquote.propReview {
	border: none;
	color: #333;
	font-size: 1.2em;
	font-style: italic;
	padding: 0 1em;
	position: relative;
}
blockquote.propReview:before {
	content: '‟';
	font-size: 2em;
	font-style: normal;	
	left: 0;
	position: absolute;
}
blockquote.propReview p.quote:after {
	content: '”';
	font-size: 2em;
	font-style: normal;	
	position: absolute;
	right: 10px;
}
blockquote.propReview p.name {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}




