﻿
.white { color: #FFF; } /* white */
.grey { color: #AAA; }

.normalblue { color: #21A2DC; } /* blue */
.darkblue { color: #11516F; } /* dark blue */

.lightgreen { color: #B2D86E; } /* light green */
.normalgreen { color: #98CA3D; } /* green */
.darkgreen { color: #628424; } /* dark green */

/* GLOBAL ELEMENT STYLES */
html { overflow-y: scroll; }
body { font-family: Tahoma; font-size: 12px; color: #fff; }
p,address,h1,h2,li,table { padding: 5px; line-height: 15px; }
p { text-align: justify; }
h1 { font-weight: bold; font-size: 14px; padding-bottom: 7px; }
h2 { font-weight: bold; }
label { color: #FFF; }
br { clear: both; height: 0; }
input, select { padding: 2px 2px 2px 2px; font-size: 9pt; }
option { font-size: 9pt; }
fieldset { margin: 0 0 10px 0; }
a { font-weight: bold; color: #628424; }
.x-checkboxlist { margin: 0 0 5px 0; }
.x-checkbox { display: block; position: relative; }
.x-checkbox input { position: relative; top: 0; }
.x-checkbox label { position: relative; top: -2px; left: 4px; }
.x-button { font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
li { list-style-type: disc; list-style-position: outside; padding-top: 3px; padding-bottom: 3px; margin-left: 15px; }
table { width: 100%; }

/* GLOBAL CLASSES */
.sep { clear: both; }
.box { padding: 5px; }
.legend { margin: 0 0 0 0; padding: 7px 10px 7px 10px; font-weight: bold; font-size: 12px; }
.body { padding: 10px; margin: 0; }
.sub { float: left; }
.main { float: right; }
.phone { font-size: 20px; }
.email { font-size: 16px; }
.leftimage { float: left; width: 210px; padding-bottom: 5px; }
.rightimage { float: right; width: 210px; padding-bottom: 5px; }
.stripimage { float: left; width: 237px; padding-top: 5px; padding-right: 5px; }
.left { float: left; }
.right { float: right; }
.mini { font-weight: bold; font-size: 8pt; }

/* MASTER PAGE */
#container { width: 975px; margin: 0 auto 0 auto; background-image: url(../Images/background.png); background-position: -48px 300px; background-repeat: no-repeat; }
#header { background-color: #21A2DC; }	
#centre { }
#errorinfo { margin: 5px 0 5px 0; }
#main { background-color: Transparent; float: left; width: 727px; padding: 0 0 5px 0; color: #444; }
#main .legend { background-color: #11516F; color: #FFF; }
#main .body { background-color: #21A2DC; color: #FFF; }
#sub { background-color: Transparent; float: right; width: 240px; padding: 0 0 5px 0; color: #444; padding-bottom: 10px; }
#sub fieldset { color: #FFF; }
#sub .legend { background-color: #628424; color: #FFF; }
#sub .body { background-color: #98CA3D; }
#centre { color: #444; }
#centre fieldset { color: #FFF; }
#centre .legend { background-color: #628424; color: #FFF; }
#centre .body { background-color: #98CA3D; }
#footer { margin-bottom: 0px; padding: 0 5px 0 5px; background-image: url(../Images/bottom.png); height: 200px; position: relative; clear: both; }
.linksection { width: 303px; margin: 5px 10px 5px 10px; float: left; height: 200px; }
.linksection li { list-style: none; padding: 0; margin: 0; }
.linksection li a { color: #bbb; font-weight: normal; font-size: 8pt; text-decoration: none; }
.linksection.last { text-align: right; }
.nocurve #footer { background-image: none; background-color: #98CA3D; height: 40px; }
#footer #inner { position: absolute; bottom: 10px; left: 10px; width: 955px; }
#footer .copyright { float: left; }
#footer .uservoice { float: left; }
#footer .addthis { float: right; }

#mainfullcurve { }
#mainfullcurve #content { }
#mainfullcurve #curve { background-image: url(../Images/curve.png); width: 431px; height: 138px; float: right; border: solid 1px #f00; bottom: 0; }

#bookwithus .body p { padding-bottom: 10px; padding-top: 10px; }

/* DEFAULT.ASPX */
#home .col1 { float: left; width: 218px; }
#home .col2 { float: left; width: 508px; } 
#home .x-img { width: 210px; padding-bottom: 5px; }

/* STATIC.ASPX */
#static { }

/* MAKEBOOKING.ASPX */
#makebooking .step { padding-right: 2px; }
#makebooking .selproperty .x-dropdownlist { width: 100%; }
#makebookingside .totals, #makebookingside .paymentschedule { margin: -5px -10px 0 -10px; }
#makebooking .right { margin-top: -5px; }

/* MAP.ASPX */
#map fieldset { width: 485px; float: left; margin-right: 2px; }
#map .legend { background-color: #11516F; color: #FFF; }
#map .body { background-color: #21A2DC; color: #FFF; }

/* MENU.ASCX */
.menu, .menu ul { float: left; width: 100%; position: relative; top: -1px; }
.menu a { float: left; display: block; padding: 12px 30px; text-align: center; height: 100%; color: #fff; text-decoration: none; }
.menu .lvl { display: none; }
.menu .nde { cursor: default; font-weight: bold; }
.menu .linknde { font-weight: bold; }
.menu .highlighted { display: block; }
.menu .lvl { background-color: #98CA3D; }
.menu .lvl0 { background-image: url(../Images/menu-background.png); display: block !important; }
.menu .lvl0 .selected { background-color: #98CA3D; }
.menu .selected { color: #11516F; }
.menu .highlighted { background-color: #98CA3D; }
.menu .disabled { background-color: #cccccc; }

/* ERRORINFOPANEL.ASCX */
#errorinfopanel { clear: both; }
#errorinfopanel a { color: #fff; font-weight: bold; }
#errorinfopanel ul { margin: 0 5px 0 15px; list-style: square;  }
#errorinfopanel li { padding: 0; }
#errorinfopanel h1 { margin: 0; color: #FFF; padding-bottom: 5px; }
.errormessage { line-height: normal; background-color: #F00; padding: 10px 0 10px 10px; color: #FFF; }
.infomessage { line-height: normal; background-color: #16A713; padding: 10px 0 10px 10px; color: #FFF; }
.loading { display: none; visibility:hidden; line-height: normal; background-color: #f00; padding: 3px; font-size: 1em; font-weight: bold; color: #fff; position: fixed; right: 0; top: 0; z-index: 9999; }

/* TOTALS.ASCX */
.totals { margin: -7px 0 0 0; }
.totals table { width: 100%; }
.totals .value { text-align: right; }
.totals td, .totals th { padding: 7px; }
.totals th { font-weight: bold; }
.totals .subtotal { margin-top: 0px; }
.totals .subtotal td { background-color: #628424; font-weight: bold; }
.totals .grandtotal { margin-top: 5px; }
.totals .grandtotal td { background-color: #628424; font-weight: bold; }
.totals .when { font-size: 10px; }

/* PAYMENTSCHEDULE.ASCX */
.paymentschedule { margin: -7px 0 0 0; }
.paymentschedule table { width: 100%; }
.paymentschedule .value { text-align: right; }
.paymentschedule td, .totals th { padding: 7px; }
.paymentschedule th { font-weight: bold; }
.paymentschedule .duerow { padding: 0; margin: 0; }
.paymentschedule .due { padding: 0 7px 0 7px; font-size: 10px; }

/* DATESELECTION.ASCX */
.dateselection .navigation { width: 100%; float: left; margin-top: 0; margin-bottom: 10px; }
.dateselection .navigation .earlier { float: left; }
.dateselection .navigation .later { float: right; }
.dateselection .avcal { float: left; display: block; width: 235px; margin: 0 56px; }
.dateselection .key { background-color: #f00; width: 150px; float: right; }

/* AVAILABILITYCALENDAR.ASCX */
.avcal { font-size: 9px; }
.avcal .month { text-align: center; padding: 0 0 10px 0; }
.avcal .month .x-label { font-weight: bold; font-size: 1.5em; }
.avcal td { cursor: pointer; text-align: left; vertical-align: middle; table-layout: fixed; }
.avcal .daynames { text-align: center; }
.avcal .daynames td { background-color: #628424; color: #FFF; cursor: default; height: 30px; text-align: center; font-weight: bold; text-transform: uppercase; } /* day titles */
.avcal td, .avcal .daylink { height: 25px; width: 30px; } /* size of the calendar cells */
.avcal .daylink { background-color: #fff; padding: 2px 0 0 2px; display: block; text-decoration: none; color: inherit; border: solid 1px #98CA3D; color: #666; }
.avcal .othermonth { background-color: #EEEEEE; cursor: default; color: #CCCCCC; } /* day that doesnt belong on this calendar */
.avcal .busy { background-color: #ccc; cursor: default; color: #aaa; } /* unavailable days */
.avcal .today { color: #666; border-color: #666; } /* today is highlighted */
.avcal .selmid, .avcal .selstart, .avcal .selend { background-color: #98CA3D; border-color: #98CA3D; } /* selected days */
.avcal .selstart, .avcal .selend { color: #fff; }

/* EXTRAS.ASCX */
.extras .extra { display: block; position: relative; }
.extras .x-checkbox { left: -5px; }
.extras .x-checkbox label { font-weight: bold; font-size: 1.1em; }
.extras .extra .value { float: right; font-weight: bold; font-size: 1.1em; }
.extras .extra .longdesc { clear: left; display: block; margin-bottom: 10px; }
.extras .extra .longdesc p { padding-left: 0; padding-right: 0; }

/* CLIENTDETAILS.ASCX */
.clientdetails input, .clientdetails select, .clientdetails .x-checkboxlist { float: left; margin-bottom: 5px; }
.clientdetails .x-label { float: left; clear: left; width: 180px; text-align: right; padding: 5px 10px 0 0; }
.clientdetails .x-textbox { width: 200px; }
.clientdetails .x-dropdownlist { width: 100px; }
.clientdetails .youngestage .x-textbox { width: 95px; }
.clientdetails .email .x-textbox { width: 300px; }
.clientdetails .body .left { width: 48%; float: left; }
.clientdetails .body .right { width: 48%; float: right; }

/* ADDRESS.ASCX */
.address .x-dropdownlist { width: 206px; }

/* TERMSANDCONDITIONS.ASCX */
.tacs .x-checkbox { margin-bottom: 7px; }
.tacs .x-iframe { background-color: #fff; width: 100%; height: 400px; }
.recaptcha { text-align: center; }
.recaptcha p { margin: 10px 0 10px 0; }
.recaptcha #recaptcha_area { margin: 0 auto 0 auto; }

/* GALLERY.ASPX */
#gallery { margin-top: -10px; }

#pricingsub h1 { padding-bottom: 15px; }
#pricingsub td { padding: 5px 0; }

/* PER-BROWSER HACKS */
.ie6 .errormessage, .ie6 .infomessage { background-image: none; padding-left: 10px; }
.ie6 .loading { position: absolute; }
.ie .clientdetails .personal input, .ie .clientdetails .contact input { margin-right: 250px; }
.ie .clientdetails .email input { margin-right: 0; }
.ie .x-checkbox label { position: relative; top: -1px; left: 4px; }