﻿body,h1,h2,h3,h4,h5,img {margin:0; padding:0;}

#maincontent h3 {margin:10px 0 10px 0; padding:5px 0 5px 5px; font-family:Arial,Helvetica; float:left; width:765px; background-color:#f3f3f3; font-size:0.7em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

a img {margin:0; padding:0; border: none;}

* :focus {outline:0;}

#container {margin:auto; width:960px;}

hr {margin:0; padding:0; border:1px solid black; width:770px; float:left;}

/* Home page */

#homepagebg {margin:0 0 20px 0; padding:0; width:960px; height:520px; float:left; background-color:#e4e4e4; position: relative;}

.homepagetext {margin:60px 0 0 0; padding:10px 15px 10px 10px; background-color:#fff; width:275px; height:380px; float:left; z-index: 100; position: absolute; top:0; left: 0;}

.homepagetext p {font-family:Arial,Helvetica; font-size:0.7em; color:#666 }

.homepagetext p a {text-decoration:none; font-weight:bold; color:#000;}

.homepagetext .hometopline {margin:0; padding:0; font-family:Gerorgia,'Times New Roman',Arial,Helvetica; font-size:0.9em; color:#000;}

#blogbutton {top:420px; right: 0; padding:0; float:right; width:100px; height:40px; background-color:#fff; z-index:100; position: absolute; }

#blogbutton a {margin:0; padding:13px 0 0 16px; display:block; width:84px; height:27px; text-transform:uppercase; font-family:Arial,Helvetica; font-size:0.7em; text-decoration:none; color:#000; font-weight:bold;}

/* HEADER COLOUR CODE CYCLE */

#header {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#cccc00;}

.header, .header-admin, .header-errors {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#cccc00;}

.header-about-us {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#cccc00;}

.header-thoughtfulness {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#e292b7;}

.header-active-relaxation {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#635e34;}

.header-slowness {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#621f28;}

.header-your-stay {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#c0c393;}

.header-our-approach {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#4b5576;}

.header-chalets {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#4c4c4c;}

.header-bookings {margin:0; padding:0; height:86px; width:960px; float:left; background-color:#58745d;}


#headerleft {margin:0; padding:0; height:86px; width:188px; float:left; border-right:2px solid #fff;}

#headerleft h1 {margin:35px 0 0 5px; padding:0; float:left; font-family:Arial,Helvetica; color:#fff; line-height:15px; font-size:1em; text-transform:uppercase; }

#headerleft img {margin:0; padding:0; float:left;}

#headerright {margin:0; padding:0; height:86px; width:770px; float:left;}

#headerright #navone {margin:0 0 0 0; padding:0 30px 0 0; width:730px; text-align:right; font-size:0.93em;}

#headerright #navone li {margin:0 0 0 9px; padding:0;}

#headerright #navtwo {margin:40px 0 0 0; padding:0 0 0 10px; width:760px; text-align:center;}

#headerright #navtwo .navspace {margin:0 18px 0 0; padding:0;}

#headerright ul {margin:0; padding:0; list-style-type:none; text-transform:uppercase;}

#headerright ul li {margin:0; padding:0; font-family:Arial,Helvetica; display:inline; color:#fff;}

#headerright ul li a {margin:0; padding:0; color:#fff;  text-decoration:none; font-size:0.75em; font-weight:bold;}

#headerright ul li a:hover {color:#000}


#content {margin:0; padding:20px 0 0 0; width:960px; float:left;}

#content #contentleft {margin:0; padding:0; width:188px; float:left; height:500px;}

#content #contentleft ul {margin:0; padding:0; list-style-type:none; text-transform:uppercase;}

#content #contentleft ul li {margin:0; padding:0; font-family:Arial,Helvetica;}

#content #contentleft ul li.indented {margin:0; padding:0 0 0 15px; font-size:0.8em;}

#content #contentleft ul li a {margin:0; padding:0; color:#666; text-decoration:none; font-size:0.75em; font-weight:bold;}

#content #contentright {margin:0; padding:0; width:760px; float:left;}

#content #contentright ul li {margin:0; padding:0; font-family:Arial,Helvetica; font-size:0.69em;}

#content #contentright a {margin:0; padding:0; color:black; font-family:Arial,Helvetica; font-size:1em;}

#content #contentright .topline {margin:0; padding:0 0 10px 0; width:770px; font-family:Gerorgia,'Times New Roman',Arial,Helvetica; font-size:1.1em; float:left; /*border-bottom:2px solid black;*/ font-style:italic;}

#content #contentright .topline2 {margin:0 0 10px 0; padding:0 0 10px 0; width:770px; font-family:Gerorgia,'Times New Roman',Arial,Helvetica; font-size:1.1em; float:left; border-bottom:1px solid #333; font-style:italic;}

#content #contentright .topline-home {margin:0 0 10px 0; padding:0 0 10px 0; width:960px; font-family:Gerorgia,'Times New Roman',Arial,Helvetica; font-size:1.1em; float:left; border-bottom:1px solid #333; font-style:italic;}

#maincontent {margin:0 0 10px 0; padding:0 0 10px 0; float:left; width:770px; border-bottom:1px solid #333;}

#maincontent ul {margin:0 0 10px 0; padding:0; list-style-type:none;}

#maincontent ul li {margin:0; padding:0; font-family:Arial,Helvetica; font-size:0.8em;}

#maincontent label {font-family:Arial,Helvetica;}

#maincontent h1 {font-family:Arial,Helvetica; font-size:2em; color:#333;}

#maincontent p {margin:0 0 10px 0; padding:0; font-family:Arial,Helvetica; font-size:0.69em; color:#333;}

#maincontent p a {text-decoration:none;}

.maincontent-left {margin:0 10px 0 0; padding:0 5px 0 0; float:left; width:375px; /*height:506px;*/ /*border-top:2px solid #333; border-bottom:2px solid #333;*/}

.maincontent-left p {margin:0; padding:0;}

.maincontent-left ul {margin:0; padding:0; font-size:1em; color:#333;}

.maincontent-left ul li {color:#333;}

.maincontent-right {margin:0; padding:0; float:left; width:380px; /*height:510px;*/}

.maincontent-right .big-image {margin:0; padding:0; float:left; width:380px; height:380px; background-color:#fff;}

.maincontent-right .small-image {margin:10px 0 0 0; padding:0; float:left; width:120px; height:120px; background-color:#fff;}

.maincontent-right .small-image-middle {margin:10px 10px 0 10px; padding:0; float:left; width:120px; height:120px; background-color:#fff;}

/* Bookings Tables */

#maincontent table {margin:0; padding:0; font-family:Arial,Helvetica; font-size:0.9em; color:#333; text-align:left;}

#maincontent table .available {background-color:#6fa38c; height:40px; font-weight:bold; text-align:center;}

#maincontent table .available p {margin:0; padding:0; color:#fff;}

#maincontent table .available p a {margin:0; padding:0; color:#fff;}

#maincontent table .provisionally {background-color:#ffbd00; height:40px; font-weight:bold; text-align:center;}

#maincontent table .provisionally p {margin:0; padding:0; color:#fff;}

#maincontent table .provisionally p a {margin:0; padding:0; color:#fff;}

#maincontent table .booked {background-color:#900000; height:40px; font-weight:bold; text-align:center}

#maincontent table .booked p {margin:0; padding:0; color:#fff;}

#maincontent table .added {background-color:#0173af; height:40px; font-weight:bold; text-align:center;}

#maincontent table .added p {margin:0; padding:0; color:#fff;}

#maincontent table .notavailable {background-color:#e4e4e4; height:40px; font-weight:bold; text-align:center;}

#maincontent table .notavailable p {margin:0; padding:0; color:#fff;}

#maincontent table tr td.smaller {margin:0; padding:0; font-size:0.9em;}

.tblunderline {border-bottom:1px solid #333;}

/* Customer Details */

#customer-details {margin:20px 0 0 0; padding:0;}

#customer-details-left {margin:0; padding:0; width:360px; float:left;}

#customer-details-right {margin:0; padding:0; width:350px; float:left;}

#customer-details label {margin:0; padding:0; width:200px; font-family:Arial,Helvetica; font-weight:bold; font-size:0.8em; float:left;}

#customer-details input {margin:0 0 15px 0; padding:0; width:130px; font-family:Arial,Helvetica; font-size:0.8em;}

#customer-details select {margin:0 0 15px 0; padding:0; width:132px; font-family:Arial,Helvetica; font-size:0.8em;}

/* Contact Us */ 

.contactus {margin:0; padding:0;}

.contactus a {font-weight:bold;}

.contactus label {margin:0; padding:0; width:100px; font-family:Arial,Helvetica; font-weight:bold; font-size:0.8em; float:left; }

.contactus input {margin:0 0 10px 0; padding:0; width:182px; font-family:Arial,Helvetica; font-size:0.8em;}

/* Footer */

#content .homefooter {margin:0; padding:10px 0 0 0; float:left; width:960px; border-top:1px solid black; text-align:right; font-size:0.8em;}

#content .homefooter a {margin:0; padding:0; color:#000; font-size:0.8em; font-family:Arial,Helvetica;}

#content #footer {margin:0; padding:5px 0 0 0; float:left; width:770px; /*border-top:1px solid black;*/ text-align:right; font-size:0.8em;}

#content #footer a {margin:0; padding:0; color:#000; font-size:0.8em;}

/* Confirm/Table */

.nobookings {margin:10px 0 10px 0; padding:0; width:770px; height:30px; border-top:1px solid #ccc; float:left; background-color:#f3f3f3; text-align:center;}

.nobookings p {margin:0; padding:0;}

.confirm {margin:10px 0 0 0; padding:0; font-weight:bold; width:770px; border-top:1px solid #ccc; float:left; background-color:#f3f3f3;}

.confirm label {font-size:0.8em;}

.confirm .confirmleft {margin:0; padding:5px 0 5px 5px; width:380px; height:21px; float:left; font-family:Arial,Helvetica;}

.confirm .confirmleft a {margin:0; padding:0; text-decoration:none;}

.confirm .confirmright {margin:0; padding:5px 5px 5px 0; width:380px; height:21px; float:left; text-align:right; font-family:Arial,Helvetica;}

.confirm .confirmright a {text-decoration:none; font-size:0.8em;}

.tbl {margin:0; padding:0; border-bottom:1px solid #ccc;}

.tblline {border-top:1px solid #e4e4e4;}

.tblline a {text-decoration:none;}

.tblline2 {background-color:#f3f3f3; border-top:1px solid #e4e4e4;}

/* Chalet Listings */

.chaletlist {margin:0 0 5px 0; padding:0; border:1px solid #e4e4e4; width:768px; float:left;}

.chaletlist .chaletlist-top {margin:0; padding:5px 5px 5px 5px; width:758px; background-color:#f3f3f3; border-bottom:1px solid #e4e4e4;}

.chaletlist .chaletlist-top h2 {font-family:Arial,Helvetica; font-size:1em;}

.chaletlist .chaletlist-top h2 a {text-decoration:none;}

.chaletlist .chaletlist-top p {margin:0; padding:0;}

.chaletlist .chaletlist-top a {margin:0; padding:0;}

.chaletlist .chaletlist-bottom {margin:0; padding:5px; float:left;}

.chaletlist .chaletlist-bottom .image {margin:0 5px 0 0; padding:0; background-color:#e4e4e4; width:200px; height:150px; float:left;}

.chaletlist .chaletlist-bottom .text {margin:0; padding:0; width:553px; height:150px; float:left;}

.chaletlist .chaletlist-bottom .text p {margin:0; padding:0; font-family:Arial,Helvetica;}

.chaletlist .chaletlist-bottom .text a {margin:0; padding:0;}

/* Chalet View */

.chaletheader {margin:0 0 10px 0; padding:5px 5px 5px 5px; width:760px; background-color:#f3f3f3; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-transform:uppercase; color:#333;}

.chaletheader p {margin:0; padding:0;}

.chaletheader h2 {font-family:Arial,Helvetica; font-size:0.75em; margin: 0 0 0 0;}

.chaletpricing {margin:0 0 10px 0; padding:5px 5px 5px 5px; width:760px; background-color:#f3f3f3; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-transform:uppercase; color:#333;}

.chaletpricing h2 {font-family:Arial,Helvetica; font-size:0.75em;}

.chaletinfo {margin:0 0 10px 0; padding:0; width:760px; float:left;clear: both;}

.chaletinfo .description {margin:0; padding:0; width:770px; float:left;}

.chaletinfo .description ul {margin:0; padding:0; float:left; width:400px;}

.chaletinfo .description ul li {margin:0; padding:0;}

.chaletinfo .featuretbl {margin:0 0 0 10px; padding:0; width:350px; float:left;}

.chaletinfo p {margin:0; padding:0;}

.chaletimagecont {margin:0 0 0 0; padding:0; width:770px; float:left; }

.chaletimagecont .image-large {margin:0; padding:0; width:400px; height:300px; float:left; }

.chaletthumbs {float: left; width: 370px; }

.chaletimagecont .chaletthumbs .image-small {margin:0 0 10px 10px; padding:0; width:175px; height:145px; float:left; }

.chaletimagecont .chaletthumbs .image-small2 {margin:0 0 0 10px; padding:0; width:175px; height:145px; float:left; }

/* Admin Nav */

.adminnav {margin:0 0 10px 0; padding:5px 0 5px 5px; background-color:#f3f3f3; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:765px; }

.adminnav ul {margin:0; padding:0;}

.adminnav ul li {margin:0 5px 0 0; padding:0; display:inline; font-family:Arial,Helvetica; font-size:1em;}

.adminnav ul li a {margin:0; padding:0; font-family:Arial,Helvetica; font-size:1em;}


/* Admin Pages */

.adminfeatures {margin:0; padding:0; width:770px; float:left;}

.adminfeatures p {margin:0; padding:0;}

.adminfeatures a {margin:0; padding:0;}

.featurestable {margin:0; padding:0; float:left; width:770px; border-style:none;}

.featurestable tr th {margin:0; padding:0 0 0 5px; background-color:#f3f3f3; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.featurestable tr td {margin:0; padding:0 0 0 5px; border-top:1px solid #f3f3f3;}

.aligncentre {text-align:center;}

.adminfeatures .addfeaturelink {margin:10px 0 0 0; padding:5px; width:760px; background-color:#f3f3f3; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.addfeature {margin:0 0 10px 0; padding:0; float:left; width:770px;}

#maincontent .addfeature label {margin:0; padding:2px 0 0 0; width:100px; float:left; font-family:Arial,Helvetica; font-size:0.8em; font-weight:bold;}

#maincontent .addfeature input {margin:0 0 10px 0; padding:0;}

/* Admin chalets */

.chaletreview {margin:10px 0 0 0; padding:0; width:770px; float:left;}

.chaletreview table {margin:0; padding:0; float:left; width:770px; border-style:none;}

.chaletreview table tr th {margin:0; padding:0 0 0 0; background-color:#f3f3f3; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.chaletreview table tr td {margin:0; padding:0 0 0 5px; border-top:1px solid #f3f3f3;}

.adminimages {margin:0; padding:0; float:left;}

/* Edit Availability */

.addperiod {margin:0; padding:0; float:left; width:770px;}

.addperiod label {margin:0; padding:0; float:left; width:100px; font-family:Arial,Helvetica; font-size:0.8em; font-weight:bold;}

.addperiod input {margin:0; padding:0; display:inline;}

.from {margin:0 0 10px 0; padding:0; float:left; width:770px;}

.to {margin:0 0 10px 0; padding:0; float:left; width:770px;}

.availabilitytbl {margin:0; padding:0; float:left;}


/* Edit Chalet Information */

.chaleteditor {margin:0; padding:0; width:770px;}

.chaleteditor label {margin:0; padding:0; width:75px; font-size:0.8em;}

.bookingtbls {margin:0; padding:0; float:left;}

/* Booking */

#content .bookingheader {margin:0 0 10px 0; padding:5px 5px 5px 5px; width:375px; background-color:#f3f3f3; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-transform:uppercase; color:#333;}

.seasonselect {margin:0 0 15px 0; padding:5px 0 0 5px; width:760px; float:left; background-color:#f3f3f3; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.seasonselect p {margin:0; padding:0; float:left; /*text-transform:uppercase;*/ font-weight:bold; width:140px;}

.seasonselect select {float:left;}

p.selectseason {margin:0; padding:0; float:left;}

/* Selected classes */

#headerright #navtwo li .selected {margin:0; padding:0; color:#000;}

.header #headerright #navone li .topnavselected {margin:0; padding:0; color:#000;}

#content #contentleft ul li.indented .leftsubnavselected {margin:0; padding:0; color:Black; text-decoration:none;}

/* LEFT NAV SELECTED VARIATIONS */

#content #contentleft ul li .leftnavselected {margin:0; padding:0; color:Black; text-decoration:none;}

#content #contentleft ul li .leftnavselected-about-us {margin:0; padding:0; color:#cccc00; text-decoration:none;}

#content #contentleft ul li .leftnavselected-thoughtfulness {margin:0; padding:0; color:#e292b7; text-decoration:none;}

#content #contentleft ul li .leftnavselected-active-relaxation {margin:0; padding:0; color:#635e34; text-decoration:none;}

#content #contentleft ul li .leftnavselected-slowness {margin:0; padding:0; color:#621f28; text-decoration:none;}

#content #contentleft ul li .leftnavselected-your-stay {margin:0; padding:0; color:#c0c393; text-decoration:none;}

#content #contentleft ul li .leftnavselected-our-approach {margin:0; padding:0; color:#4b5576; text-decoration:none;}

#content #contentleft ul li .leftnavselected-chalets {margin:0; padding:0; color:#4c4c4c; text-decoration:none;}

#content #contentleft ul li .leftnavselected-bookings {margin:0; padding:0; color:#58745d; text-decoration:none;}

#myGallery {float: left;}