/*
 * ROUNDHOUSE BARN HOLIDAYS
 *
 * Subject to copyright.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* GLOBAL STYLES */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: smaller;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: 0;
}
a.plain {
	color: #000;
	text-decoration: none;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
} 

.wai {
	display: none;
}

/* PAGE LAYOUT */

.page {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 940px;
}

#blank {
	padding: 10px;
	text-align: left;
	background: #fff;
}

/* HEADER */

#header {
	height: 147px;
	position: relative;
	background-color: #fff;
}
#header h3 a,
#header h3 span {
	position: absolute;
	text-indent: -9000px;
	overflow: hidden;
}
#header h3 a {
	top: 30px;
	background: url(../img/roundhouse-barn-holidays.gif) 0 0 no-repeat;
	width: 201px;
	height: 83px;
}
#header h3 span {
	position: absolute;
	right: 5px;
	top: 60px;
	background: url(../img/time-for-you.gif) 0 0 no-repeat;
	width: 161px;
	height: 29px;
}

#awards{
	position:absolute;
	top: 18px;
	right:0;
	height: 59px;	
}
#awards li {
	display: inline;
}
	
	
#header #awards a{
	position:relative;
	text-indent:0;
	border:none;
	top:auto;
	background-image:none;
	width:auto;
	height:auto;
}	

#header #awards a img{
	border:none;
}

#header .contact {
	position: absolute;
	color:#464648;
	text-align: right;
	height: 21px;
	top: 92px;
	right:0;
	overflow:hidden;
}

#header .contact span{
	float:right; 
	padding:0 5px;
	height:21px; 
	font-size:14px;
	line-height:21px; 
	background-color: #e3deda;
	}
	
#header .link-section{
	color:#8F7F6F;
	font-weight:bold;
	}	

#header a {
	color: #464648;
}

/* MAIN CONTENT AREA */

#main {
	position:relative;
	/*background: #edf3f6 url(../img/main-shadow.gif) 0 0 repeat-x;*/
	background-color:#F0F5F8;
	_zoom:1;
}

#shadow-decorate{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	text-indent:-999em;
	background:transparent url(../img/bg-header-shadow.png) 0 0 repeat-x;
	z-index:500;
	}

/* MAIN NAVIGATION */

#nav {
	left: 0;
	z-index: 900;
	position: absolute;
	width: 200px;
	background: url(../img/menu-shadow.gif) 0 0 no-repeat;
	padding-top: 7px;
}

#nav ul {
	background: url(../img/menu-shadow.gif) 0 -7px no-repeat;
}
#nav ul ul {
	position: absolute;
	width: 200px;
	margin-left: 200px;
	margin-top: -28px;
	border-left: 2px solid #edf3f6;
}
#nav ul ul {
	left: 0; /* ie7 fix */
	display: none;
}
#nav ul.level0 li:hover ul.level1 {
	display: block;
}
#nav ul.level1 li:hover ul.level2 {
	display: block;
}
#nav li {
	border-bottom: 2px solid #edf3f6;
}
#nav li.last {
	border-bottom: none;
}

#nav li a {
	color: #fff;
	display: block;
	background: #a5c3d1 url(../img/menu-item.gif) right top no-repeat;
	height: 20px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 100%;
}
html>body #nav li a {
	height: auto;
	min-height: 20px;
}

#nav li a:hover {
	color: #085971;
	text-decoration: none;
}
#nav a.closed {
	background-image: url(../img/menu-closed.gif);
}
#nav a.open {
	background-image: url(../img/menu-open.gif);
}

/* STAGE IMAGES */

#stage {
	width: 720px;
	height: 245px;
	margin-left: 220px;
}
html>body #stage {
	margin-left: 220px;
}
#stage .large {
	float: left;
	width: 520px;
	height: 245px;
}
#stage .small {
	margin-left: 20px;
	float: left;
	width: 179px;
	height: 245px;
}

/* CONTENT */

#content {
	position: relative;
	margin-top: 15px;
	border-top: 1px solid #a29284;
	padding: 15px 0 10px 0;
}

#content.home {
	border-top: none;
	padding-top: 0;
	padding-bottom:50px;
	_zoom:1;
}

#body {
	color: #5b584f;
	height: 410px;
	padding-bottom: 30px;
}
html>body #body {
	min-height: 440px;
	height: auto;
}
.with_sidebar {
	margin-left: 220px;
}
.with_clickblocks {
	width: 741px;
}
.with_homeblocks {
	width: 542px;
}
.with_sidebar_clickblocks {
	margin-left: 220px;
	padding-top:15px;
	width: 521px;
	font-size:14px;
	border-top:1px solid #A19182;
}
.with_sidebar_homeblocks {
	margin-left: 220px;
	width: 322px;
}
#body h1 {
	font-size: 180%;
	font-weight: normal;
}
#body h2 {
	font-size: 140%;
	font-weight: normal;
}
#body h2 .normal {
	font-size: 70%;
}
#body h1, #body h2, #body h5 {
	margin-bottom: .5em;
}

#body a {
	color: #5b584f;
	font-weight: bold;
}
#body a.plain {
	text-decoration: none;
}
#body li {
	list-style: disc inside;
}
#body ul, #body p {
	margin-top: 1em;
}

#body #news h2 {
	margin-bottom: 0;
}
#news p {
	margin-top: .25em;
	margin-bottom: 1em;
}

#content .readmore {
	color: #5b584f;
	font-weight: normal;
}
#content .readmore span {
	font-weight: bold;
}

/* gallery page  */

ul#gallery {
	overflow: hidden;
}

ul#gallery li {
	margin:0px 0px 12px 12px;
	float:left;
	display:inline;
	width:165px;
	height:165px;
	background:#717b75;
	overflow:hidden;
	position: relative;
}
ul#gallery li a{
	position:absolute;
	display:block;
	width:165px;
	height:165px;
	margin:0;
	padding:0;
}
ul#gallery li.title a:hover{
	text-decoration: none;
}
ul#gallery li.first{
	clear: both;
	margin-left:0px;
}
ul#gallery a span {
	color:#fff;
	text-align:center;
	padding: 40px 5px 0 5px;
	background:#717b75;
	display: none;
	width: 155px;
	height: 125px;
}
ul#gallery a:hover span {
	display: block;
	opacity:0.80;
	filter:'alpha(opacity=80)';
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
}

/* BREADCRUMBS */

#breadtrail {
	color: #0a7392;
	margin-bottom: .5em;
}
#breadtrail a {
	text-decoration: none;
	font-weight: normal;
	color: #0a7392;
}
#breadtrail a:hover {
	text-decoration: underline;
}

/* SIDEBAR */

#sidebar {
	left: 0;
	top: 20px;
	position: absolute;
	width: 200px;
}

#sidebar #quote {
	background-color: #d7e4eb;
	color: #5b584f;
	padding: 15px;
	height: 200px;
	margin-bottom: 15px;
}
html>body #sidebar #quote {
	min-height: 200px;
	height: auto;
}
#sidebar #quote h4 {
	font-weight: normal;
	font-size: 140%;
	margin-bottom: .5em;
}
#sidebar #quote p {
	margin-top: 1em;
}
#sidebar #quote .citation {
	font-style: italic;
}

#sidebar #links,
#sidebar #links a {
	color: #085971;
}
#sidebar #links h4 {
	padding-left: 10px;
	margin-bottom: 10px;
}
#sidebar #links ul {
	border-top: 2px solid #c9dbe4;
}
#sidebar #links li {
	padding: 8px 10px;
	border-bottom: 2px solid #c9dbe4;
}

.home #sidebar{
	top:0;
	padding-top:15px;
	border-top:1px solid #0086A5;	
	}

.home #sidebar .clickblock {
  width: 200px;
}

/* CLICK BLOCKS */

#blocks {
	right: 0;
	top: 20px;
	position: absolute;
	width: 179px;
}
#blocks li {
	list-style: none !important;
	margin-bottom: 15px;
}
#blocks a {
	display: block;
	width: 179px;
	height: 133px;
	text-indent: -9000px;
	overflow: hidden;
}

.home #blocks{
	top:0;
	padding-top:15px;
	width:180px;
	border-top:1px solid #8F7F70;
}
	
#blocks .clickblock a.link-block{
	width:180px;
	height:143px;
}

.clickblock{
	padding-bottom:15px;
	margin-bottom:15px;
	border-style:solid;
	border-width:0 0 1px 0;
	width: 180px;
	}
	
.clickblock a.link-block{
	display:block;
	height:143px;
	text-indent:-999em;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	}	

.clickblock .text{
	padding:5px;
	color:#464648;
	font-size:14px;
	line-height:136%;
	background-color:#E3DDD9;
	}
	
.clickblock .text strong{
	display:block;
	}

#blocks .clickblock a.link-more{
	width:auto;
	height:auto;
	text-indent:0; 
	overflow:visible;
	color:#8F7F6F;
	font-weight:bold;
	}
	
#blocks .clickblock:hover a.link-more{
	color:#413732;
	}

.clickblock a.link-block:hover{
	background-position:0 -143px;
	}	

.line-blue{
	border-color:#0087A5;
	}
	
.line-brown{
	border-color:#A19182;
	}	
	
a#cottage-availability{
	background-image:url(../assets/website/clickblock-cottage-availability.jpg);
	}	
	
a#bb-availability{
	background-image:url(../assets/website/clickblock-bb-availability.jpg);
	}	
	
a#book-online{
	background-image:url(../assets/website/clickblock-book-online.jpg);
	}	
	
a#guest-reviews{
	background-image:url(../assets/website/clickblock-guest-reviews.jpg);
	}		
	
a#special-offers{
	background-image:url(../assets/website/clickblock-special-offers.jpg);
	}		
	
a#whats-on{
	background-image:url(../assets/website/clickblock-whats-on.jpg);
	}		
	
a#blog{
	/*height: 30px !important;*/
	background-image:url(../assets/website/clickblock-blog.jpg);
	}			

/* HOME PAGE */

.home #body {
	height: 940px;
}
html>body .home #body {
	min-height: 940px;
	height: auto;
}

#hometops {
	height: 164px;
	overflow: hidden;
}

#home-accreditations {
	float: left;
	height: 160px;
	width: 550px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../assets/website/home-accreditations.gif) 0 0 no-repeat;
}

#home-blog a {
	float: left;
	display: block;
	height: 144px;
	width: 180px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../assets/website/home-blog.jpg) 0 0 no-repeat;
	margin-left: 10px;
}

#home-book a {
	float: right;
	display: block;
	height: 144px;
	width: 180px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../assets/website/home-book-online.jpg) 0 0 no-repeat;
}

/* CLICK BLOCKS */

#homeblocks {
	top: 0;
	right: 0;
	position: absolute;
	position: absolute;
	width: 378px;
	color: #5b584f;
}
.home #homeblocks {
	top: 160px;
}
#homeblocks h4 {
	font-size: 140%;
	font-weight: normal;
	margin-bottom: .5em;
}
#homeblocks a {
	font-weight: bold;
	text-decoration: none;
	color: #5b584f;
}
.home-block {
	float: right;
	width: 157px;
	border: 1px solid #a29284;
	padding: 156px 10px 10px 10px;
	height: 120px;
}
html>body .home-block {
	height: auto;
	min-height: 120px;
}
.home-news {
	background: #e3deda url(../assets/website/home-news.jpg) 0 0 no-repeat;
	margin-left: 20px;
}
.home-offers {
	background: #e3deda url(../assets/website/home-offers.jpg) 0 0 no-repeat;
}

/* ENQUIRY FORM */

#enquiry-form .formfield {
	width: 350px;
}

/* FOOTER */

#footer {
	font-size: 12px;
	color: #fff;
	border-top: 4px solid #9fbbc7;
	background-color: #a29284;
	margin-bottom: 0;
}
#footer .page {
	position: relative;
	padding:20px 0 50px;
	overflow:hidden;
}
#footer ul {
	margin-bottom: 5px;
}
#footer .footlinks li {
	display: inline;
}
#footer .footlinks li {
	border-right: 1px solid #fff;
	padding-right: .25em;
	margin-right: .5em;
}
#footer .footlinks li.last {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
html>body #footer .footlinks li {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
html>body #footer .footlinks li:after {
	content: " / ";
}
html>body #footer .footlinks li.last:after {
	content: "";
}
#footer a {
	color: #fff;
}
#footer #accreditations {
	top: 0;
	right: 0;
	position: absolute;
	background: url(../assets/website/accreditations.gif) 0 0 no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	width: 365px;
	height: 51px;
	cursor: pointer;
}

#footer #accreditations:hover {
	background-position: 0 -51px;
}

#footer h4{
	font-size:12px;
	font-weight:bold;
	}

#footer img{
	border:none;
	}

#footer .follow-us{
	float:left;
	padding-right:20px;
	width:200px;
	}
	
#footer .follow-us .buttons{
	padding:15px 0;
	}
	
#footer .contact-us{
	float:left;
	width:520px;
	}
	
#footer .contact-us p{
	margin:0;
	padding:0;
	}	
	
#footer .contact-us ul{
	margin:7px 0;
	padding:0;
	overflow:hidden;
	}	
	
#footer .contact-us ul li{
	float:left;
	padding-right:5px;
	margin-right:5px;
	border-right:1px solid #fff;
	line-height:110%;
	}
	
#footer .contact-us ul li.last{
	border:none;
	}	
	
#footer .links{
	float:right;
	width:180px;
	}	
	
#footer .links .img{
	display:block;
	margin-top:10px;
	}	

/* JAVASCRIPT BOOKMARK */

#social {
        width: 940px;
        margin: 16px auto;
        position: relative;
}

#social ul {
	right: 0;
	position: absolute;
	text-align: right;
	list-style: none;
	height: 16px;
	padding: 0;
	margin: 0;
}

#social li {
	padding: 0;
	float: left;
	display: inline;
	margin: 0 0 0 4px;
	height: 16px;
}

#social a {
	vertical-align: top;
	display: inline-block;
	display: table-cell;
	line-height: 18px;
	height: 18px;
}

#facebook {
	padding-right: 20px;
	background: url(../img/facebook_share_icon.gif) right 0 no-repeat;
	line-height: 18px;
	height: 18px;
}
html>body #facebook {
	display: block;
}
#twitter {
	padding-right: 20px;
	background: url(../img/twitter_logo.gif) right 0 no-repeat;
	line-height: 18px;
	height: 18px;
}
html>body #facebook {
	display: block;
}

#bookmark {
	display: block;
	background: url(../img/bookmark.gif) 0 0 no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	width: 83px;
	line-height: 18px;
	height: 18px;
}

/* BOOKING FORM */

.enquiryform,
#enquiryform {
	left: -2px;
	position: relative;
}

.enquiryform .title {
	padding: 2px 0;
	border-bottom: 1px dotted #5b584f;
}
#page .enquiryform a.plain {
	font-weight: normal;
}

.enquiryform .formfield {
	width: 350px;
}

.enquiryform .wildlife {
	width: 270px;
	padding-right: 80px;
	background: url(../img/cornwall-wildlife-trust.gif) top right no-repeat;
}

/* BOOKING STEPS */

#booksteps {
	height: 3em;
	font-size: 120%;
	list-style: none;
}
#booksteps a {
	text-decoration: none;
}
#booksteps li {
	display: inline;
	padding-right: 1em;
}
#booksteps li.last {
	background: none;
}

#booksteps span {		
	font-size: 160%;
        padding-right: .25em;
}
html>body #booksteps span {		
	font-size: 125%;
}

#booksteps strong,
#booksteps strong a {
	color: #007392;
}

#booksteps strong {
	text-decoration: underline;
}

/* FORMS */

.button, .cancel, .button_delete {
	font-size: 90%;
	border: none;
	cursor: default;
	padding: 2px 8px;
}
.button {
	color: #fff;
	font-weight: bold;
	background-color: #0a7392;
}
.cancel {
	color: #fff;
	background-color: #aaa;
}
.button_delete {
	font-weight: bold;
	color: #fff;
	background-color: #800;
}

.record {
	background: #c9dbe4;
}

.invalid {
	color: #600;
	background-color: #fee;
}
.invalid td {
	padding: 2px;
}
#content .invalid a {
	color: #600;
	text-decoration: underline;
}

#ui-datepicker-div {
    font-size:10px;
}

.ui-datepicker-trigger {
    margin-left: .25em;
}

/* AVAILABILITY CALENDAR */

.calendar .d {
	text-align: center;
	padding: 0 1px;
}
.calendar .d b {
	color: #0a7392;
	font-weight: normal;
}
.calendar .g,
.calendar .g b {
	color: #ccc;
	font-weight: normal;
}
.calendar .k, .calendar .d  {
	font-size: 90%;
	line-height: 100%;
}

.calendar .p {
	font-size: 10px;
	background-color: #aba000;
	padding: 2px .5em;
}
.calendar .p b {
	font-size: 14px;
	color: #fff;
}

.calendar .a, .calendar .b, .calendar .o {
	text-align: center;
}
.calendar .b {
	color: #fff;
	background-color: #9d8f86;
	text-indent: -9000px;
	overflow: hidden;
}
.calendar .a {
	background-color: #fff;
	text-indent: -9000px;
	overflow: hidden;
}
.calendar .o {
}

.calendar .l {
}
.calendar .w {
}
.calendar .t, .calendar .l, .calendar .w {
	text-align: center;
	padding: 0px 2px;
}

.calendar .s {
	width: .5em;
}
.calendar .v {
	height: .5em;
}

.calendar .a, .calendar .b, .calendar .o, .calendar .t, .calendar .l, .calendar .w, .calendar .p {
	border-bottom: 1px solid #5b584f;
	border-right: 1px solid #5b584f;
}
.calendar .p {
	border: 1px solid #5b584f;
	border-top: none;
}
.calendar tr td.fl {
	border-left: 1px solid #5b584f;
}
.calendar tr td.ft {
	border-top: 1px solid #5b584f;
}
.calendar tr td.x {
	border-right: none;
}

.calendar .p {
	width: 100px;
}

.monthselect {
	margin-bottom: .5em;
}


/* NEW AVAILABILITY CALENDAR */
ul.months_selector{
    margin:0px;
    padding:0px;
    overflow:auto;
}
ul.months_selector li{
    float:left;
    margin-left:14px;list-style-type:none !important;
}
ul.months_selector li.first{
    margin-left:0px;
}
ul.months_selector li a{
    background: url(../img/months_selector.gif) no-repeat bottom left;
    width:127px;
    display:block;
    height:20px;
    color:#626061;
    text-decoration:none;
    line-height:20px;
    padding-left:5px;
    font-weight:normal !important;
}
ul.months_selector li a:hover{
    background: url(../img/months_selector.gif) no-repeat top left;
    color:#fff !important;
}
ul.months_selector li a.clicked{
    background: url(../img/months_selector.gif) no-repeat top left;
    color:#fff !important;
}


/* COTTAGE TABLE */

table.cottage_availability{
    margin-top:20px;
    width:100%;
    color:#000;
    font-size:90%;
    border:1px solid #000;
}
table.cottage_availability thead{
   text-align:center;
   background:#eef3f6;
}
table.cottage_availability thead tr.firstline th{
    background:#a29285;
    color:#fff;
    font-size:110%;
    border-bottom:1px solid #000;
}
table.cottage_availability thead th.firstcell{
    background:#eef3f6 !important;
}
table.cottage_availability thead th.lastcell{
    border-right:0px solid #000 !important;
}
table.cottage_availability thead th.bordered{
    border-color: #fff;
}
table.cottage_availability thead tr.secondline th{
    border-bottom:1px solid #000;
}
table.cottage_availability td{
    height:22px;
    width:70px;
}
table.cottage_availability th{
    height:22px;
    background:#a6c4cf;
    padding-left:3px;
    border-right:1px solid #000;
}
table.cottage_availability tbody{
   border-bottom:1px solid #000;
   background:#e9e4e0;
   font-size:90%;
}
table.cottage_availability tbody td.firstcell{
    background:#d9e3ec;
    border-right:1px solid #000;
    padding-left:3px;
    width:90px;
}
table.cottage_availability tbody td{
    border-top:1px dotted #b5b0ac;

}
table.cottage_availability tbody td.booked span{
    background:#929699;
    color:#fff;
    margin:2px 3px 2px 2px;
    display:block;
    text-align:center;
}
table.cottage_availability tbody td a{
    background:#fff;
    color:#000 !important;
    margin:2px 3px 2px 2px;
    display:block;
    border:1px solid #939395;
    text-align:center;
    font-weight:normal !important;
}
table.cottage_availability tbody td a:hover{
    background:#a6c2d0;
    color:#fff !important;
    text-decoration:none;
}
table.cottage_availability tbody td.not_available{
    background: url(../img/not_available.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
}
table.cottage_availability tbody td.right_bordered{
   border-right:1px solid #000;
}
table.cottage_availability tbody tr.firstline td{
    border-top:none;
}

/* B&B TABLE */

table.cottage_availability.bb td{
    width:45px;
}
table.cottage_availability.bb tbody td.booked span{
    background:#9b8d82;
}

.updated{
    text-align:right;
}