body {color: #777; font: 1em/1.4em "Arial", Lucida, Verdana, sans-serif; margin: 0; padding: 0; color: #534741; background-image: url(images/bkgrd.gif); background-repeat: no-repeat; background-position: center top;}
img {border: 0;}
input {color: #534741;}
hr {border: 0; background-image: url(images/hr.gif); background-repeat: repeat-x; height: 1px; clear: both; margin: 20px 0 20px 0;}
a {color: #A67C52;}

#frame {width: 920px; font-size: 0.8em; margin: 0 auto 0 auto; }


#contenthold {/*background-image: url(images/content.gif); background-repeat: repeat-y; */ background-color: #fff; float: left;}
#reservhold {/*background-image: url(images/reservline.gif); background-repeat: repeat-y; */ background-color: #fff; float: left;}

/* HEADER AREA */

#header {width: 920px; float: left; text-align: right; border: 0;}

#logo {width: 402px; height: 115px; float: left; padding: 30px 0 0 0;*}

#headright {width: 503px; float: right;}

#flags {float: right; width: 503px; margin: 0; padding: 0; background-image: url(images/pinkbox.png); color: #fff; height: 80px;}
#flags table {margin: 10px 0 0 30px;}
#flags td {text-align: left;}
#flags a {text-decoration: none; color: #fff; margin: 0 10px;}
#flags span {font-size: 28px; padding-right: 55px;}


#topnav {float: right; width: 473px; padding: 0 35px 0 0; text-transform: uppercase; /*background-color: Yellow;*/}
#topnav p {font-size: 12px; margin: 0; padding: 0; line-height: 54px;}
#topnav p a {color: #544842; text-decoration: none;}

.testy2 {width: 300px; height: 110px; float: right;}
.test p {float: right;}




.bord {border-right: 1px solid #7D6A55;}

.on {color: #A67C52;}

.login {margin: 0px 20px 0 0;}
.login img {margin-left: 5px;}

/* NAVIGATION AREA */

#nav {width: 920px; height: 28px; float: left; background-color: #7D6A55;}
#nav ul {margin: 0 auto 0 auto; padding: 0;}
#nav li {margin: 2px 15px 0 15px; padding: 0; float: left; list-style: none; }
#nav a {color: #fff; text-decoration: none;}

/* DEFAULT SPLASH AND BOOKING FORM */

.splash {width: 679px; float: left; border-left: 1px solid #7d6a55;}


/* HOME PAGE */

#default {width: 400px; float: left; background-color: #fff; padding: 20px;}
#default h1 {font-size: 18px; font-weight: normal;}
#default h2, .defaultcol h2 {font-size: 17px; font-weight: normal; color: #A67C52;}
#default h3, .defaultcol h3 {font-size: 17px; font-weight: normal; clear: both;}
#default table {width: 398px; margin: 0 0 30px 0;}
#default td {padding: 5px 0 5px 10px; font-size: 0.8em; text-align: left;}
#default label {float: left; width: 190px; display: block; margin: 2px 0 5px 0; line-height: 22px; font-weight: bold;}
#default input, #default select {float: left; margin: 2px 5px 5px 0;}
#default textarea {width: 380px; height: 200px; margin: 0 0 20px 0;}
#default button {margin-right: 10px;}

.defaultcol {width: 240px; float: left; background-color: #fff; padding-bottom: 20px;}
.defaultcol h3 {margin-top: 20px;}
.defaultcol h3, .defaultcol h2, .defaultcol p {margin-left: 20px; margin-right: 15px;}
.defaultcol input {margin: 0 0 5px 20px; width: 150px; float: left;}
.defaultcol select {margin: 2px 5px 0 20px; width: 150px;}
.defaultcol label {width: 150px; display: block; margin: 5px 0 5px 20px;}
.defaultcol textarea {height: 100px; width: 150px; margin-left: 20px;}
.defaultcol a {color: #534741; text-decoration: none;}
.defaultcol a:hover {text-decoration: underline;}
.defaultcol hr {margin-bottom: 0; padding-bottom: 0;}
.defaultcol li {list-style-image: url(images/test.gif);}



#testy {width: 220px; margin: 0; padding: 0 0 0 20px;}
#testy h3 {margin: 20px 0 0 0; padding: 0; clear: none;}
#testy p {margin: 15px 0 15px 0; padding: 0;}
#testy img {margin: 0; padding: 0;}
#testy span {float: right; margin: 0 4px 0 0;}


.promotions {width: 360px; height: 370px; padding: 10px 20px; margin: 20px 0; background-image: url(images/promotion.png); background-repeat: no-repeat; color: #fff;}
.promotions h2 {color: #fff !important; font-weight: bold !important;}



/* LEFT & RIGHT COLUMNS */

.column {width: 190px; float: left; padding-bottom: 20px;}
.column button {background-image: url(App_themes/images/button.gif);}
.column h3 {margin-top: 20px;}
.column h3, .column h2, .column p{margin-left: 20px; margin-right: 20px;}
.column input {margin: 0 20px 5px 20px; width: 150px; }
.column select {margin: 2px 5px 0 20px; width: 150px;}
.column label {width: 150px; display: block; margin: 5px 0 5px 20px;}
.column textarea {height: 100px; width: 150px; margin-left: 20px;}
.column h3 a {color: #534741; text-decoration: none;}
.column h3 a:hover {text-decoration: underline;}
.column form span, .column form img {margin-left: 20px;}


.column li {list-style-image: url(images/test.gif); margin-right: 20px;}

.splashbook {margin: 30px 0 0 0;}
.formfield {width: 490px;}
.marg {margin-left: 15px;}

.bookonline {background-color: #ece9e6; height: 306px;}

.promotion p, .brochure {margin-left: 20px;}

.planner {margin: 0 0 0 1px;}

.button {margin-top: 10px; margin-bottom: 20px; margin-left: 20px;}

.gallery {margin: 0 0 0 20px;}
.gallery img {margin: 0 2px 2px 0; width: 48px; height: 48px; float: left;}




/* CONTENT AREA */

#content {width: 628px; float: left;  padding: 20px 20px 20px 32px;}
#content h1 {font-size: 20px; font-weight: normal;}
#content h2, .column h2 {font-size: 17px; font-weight: normal; color: #A67C52;}
#content h3, .column h3 {font-size: 17px; font-weight: normal; clear: both;}
#content h4 {font-size: 15px; font-weight: normal;}
#content table {width: 398px; margin: 0 0 30px 0;}
#content td {padding: 5px 0 5px 10px; font-size: 0.8em; width: 150px;}
#content label {width: 100%; float: left; display: block; margin: 2px 0 5px 0; line-height: 22px; font-weight: bold;}
#content input, #content select {float: left; margin: 2px 5px 5px 0;}
#content textarea {width: 490px; height: 200px; margin: 0 0 20px 0;}
#content button {margin-right: 10px;}

.trcolour {background-color: #ece9e6;}

.dwnld {background-image: url(images/dwnld.jpg); background-repeat: no-repeat; padding: 10px 0 0 20px; width: 380px; height: 185px; display: block; margin: 40px 0 0 0; color: #fff;}
.dwnld a {color: #fff;}


/* RESERVATIONS */

#reservations {width: 220px; height: 277px; float: left; padding: 10px 0 10px 20px; background-color: #ece9e6;}
#reservations h2 {font-size: 17px; font-weight: normal; clear: both; margin: 0 0 10px 0; padding: 0;}
#reservations h3 {font-size: 13px; margin: 0px 0 5px 0; padding: 0;}
#reservations select {font-size: 11px; margin: 2px 0 0 0;}
#reservations form {margin: 0; padding: 0;}
#reservations span {width: 75px; display: block; float: left; clear: both; margin: 2px 0 0 0;}
#reservations img {margin: 0 0 0 0;}
#reservations a img {cursor: pointer;}
#reservations input {margin: 2px 10px 0 0; background-color: #fff; border: 1px solid #ccc;}
.butt {padding-top: 10px;}

#restable {width: 690px; float: left; padding: 20px;}
#restable h1 {font-size: 20px; font-weight: normal;}
#restable h2 {font-size: 17px; font-weight: normal; clear: both; margin: 20px 0 10px 0; padding: 0;}
#restable label {float: left; width: 190px; display: block; margin: 2px 0 5px 0; font-weight: bold;}
#restable img {margin: 0; cursor: pointer;}

#restable hr {border: 0; height: 1px; border-bottom: 1px dashed #ccc;}

.sml {font-size: 11px; width: 110px; text-align: right;}

.darktr {background-color: #7D6A55; color: #fff;}
.lightr {background-color: #ece9e6;}
.dots {border-bottom: 1px dashed #777;}

.columnform {width: 190px; float: left; padding-bottom: 20px;}
.columnform h2 {margin: 30px 0 10px 20px; padding: 0; font-size: 17px; font-weight: normal; color: #A67C52;}
.columnform h3 {margin: 10px 0 10px 20px; padding: 0; font-size: 15px; font-weight: normal;}
.columnform select {font-size: 11px; margin: 2px 0 2px 20px; width: 130px;}
.columnform span {margin: 2px 0 2px 20px; width: 70px; display: block; clear: both; float: left;}
.columnform img {margin: 10px 0 0 20px;}
.columnform input {margin: 2px 0 2px 0;}
.columnform p {margin-left: 20px;}

.formback {background-color: #ece9e6; padding: 10px 20px 20px 20px;}
.formback hr {border: 0; height: 1px; border-bottom: 1px dashed #777;}

#packform table {width: 100%; font-size: 13px;}





/* FOOTER AREA */

#footer {width: 920px; float: left;}
#footer p {margin: 15px 0 15px 20px; padding: 0;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer h2 {margin-top: 0;}


#footnav {width: 880px; background-color: #ECE9E5; display: block; padding: 40px;}

.footnav {float: left; width:100px;}
.footnav h2 a {font-size: 16px; margin: 0 10px 0 10px; padding-top: 0; font-weight: normal; color: #A67C52;}
.footnav li a {color: #544842;}
.footnav li {list-style: none; margin: 0; padding: 0;}
.footnav ul {margin: 0 10px 0 10px; padding: 0;}

.spacer {margin-left: 30px; margin-right: 30px;}


/* OTHER STUFF */

.left {float: left;}
.right {float: right;}
.textright {text-align: right;}
.picright {float: right; margin: 0 0 0 20px;}
.picleft {float: left; margin: 0 20px 0 0;}
.margleft {margin: 0 0 0 20px;}
.transfers {margin: 20px 0 0 20px;}

#nobutton
{
    background-color: #fff;
    border: none;
    width: 105px;
    height: 30px;
    padding: 0px;
}

#nobuttonsml
{
    background-color: #fff;
    border: none;
    height: 25px;
    float: left;
    cursor: pointer;
}

.icons {margin: 20px 0 0 0;}
.tel {font-size: 16px; color: #A67C52;}
.emailfriend {width: 200px;}
.share a {margin-left: 15px;}
.fullwidth {width: 100%;}

.unit h1 {text-transform: capitalize; margin: 10px 0px 20px 0px;}
.unit table {width: 440px; float: left; border: 0px solid #ccc; margin-left: 10px;}
.unit {background-color: #f8f8f8; margin: 10px 0px 15px 0px; padding: 10px; float: left;}
.unit th {vertical-align: bottom; font-weight: normal; font-size: 11px; line-height: normal;}
.unit td {padding: 2px 10px 2px 2px; font-size: 12px; text-transform: capitalize;}
.unitimg {float: left; margin: 10px ; padding: 4px; border: 1px solid #ccc; width: 200px; height: 133px;}

.unitnew form {float: left; margin: 2px 0px 2px 0px; padding-bottom: 5px; border-bottom: dashed 1px #7D6A55;}
.unitnew h1 {text-transform: capitalize; margin: 10px 0px 20px 0px;}
.unitnew {width: 700px; _width:690px;  margin-bottom: 5px; }
.unitnewdates {margin-left: 10px; width: 440px; font-size: 12px;}
.unitnewdates td {padding: 2px 0px 2px 0px; font-size: 10px; text-transform: capitalize;}
.unitnew button {float: right;}
.totalpricenew{float: right; font-size: 14px; margin: 2px 5px 2px 2px;background-color: #7D6A55; color: #fff;}
.unitnew li {list-style: none;}


.totalprice {background-color: #7D6A55; color: #fff; float: right; margin: 0px 20px 0px 20px;text-align: center; padding: 15px; font-size: 18px; font-weight: bold;}
.total {font-size: 14px; color: #544842;} 
.totalmarg {margin-left: 160px;}
.totalprice span {font-size:25px;}
.bookingdetails {width: 400px; float: left;}

.thumb {width: 120px; height: 90px;}

.talkfree {background-image: url(images/clicktochat.jpg); background-repeat: no-repeat; width: 220px; height: 210px; padding: 70px 0 0 20px;}
.talkfreespan {background-image: url(images/clicktochat-es.jpg); background-repeat: no-repeat; width: 220px; height: 210px; padding: 70px 0 0 20px;}
.talkfree img, .talkfreespan img {margin: 10px 40px 0 0;}

.talkfreesmall {background-image: url(images/clicktochat-sml.jpg); background-repeat: no-repeat; width: 169px; height: 210px; padding: 70px 0 0 20px; margin-left: 1px;}
.talkfreespansmall {background-image: url(images/clicktochat-sml-es.jpg); background-repeat: no-repeat; width: 169px; height: 210px; padding: 70px 0 0 20px; margin-left: 1px;}
.talkfreesmall img, .talkfreespansmall img {margin: 10px 40px 0 0;}

.pg {margin: 0 0 20px 20px;}
.abta {margin: 20px;}

.socialnet {margin: 20px 0 0 0;}
.socialnet a {text-decoration: underline;}
.socialnet a:hover {text-decoration: none;}

.teguise {margin: 0 15px 0 15px;}

.cards {margin: 20px 0 20px 0;}

.blockpink {background-color: #DE548F; display: block; padding: 2px; width: 100%;}