html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; color: #000; background: #CCC; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
div#wrapper {height: 100%; margin: 0 auto; width: 760px;}
div#nav-band {float: left; display: inline;}
div#nav-band img {float: left; display: inline;}
form.nomarg {margin: 0; padding: 0;}
input.formsubmit {background: #FFF; border: 1px #A5ACB2 solid; color: #000;}

div#add { float: right; margin: 0;}
div#clear {clear: both;}

/* Header */
div#header {float: left; width: 760px; background: #FFF;}
div#strapline {float: left; width: 748px; \width: 760px; w\idth: 748px; height: 36px; \height: 54px; he\ight: 36px; padding: 18px 0 0 12px;}

/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; display: inline; width: 760px; background: #405A76; height: 2.5em;}
#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; width: 570px;}
#nav {float: left; margin: 5px 0 0 6px; padding: 0 0 4px 0;}
#nav a {display: block; width: auto;}
li.headli {height: 22px; margin: 0 0 0 2px;}
li.headli a.toplevel {color: #FFF; text-decoration: none; padding: 2px 4px 3px 4px;}
li.headli a.toplevel:link {}
li.headli a.toplevel:visited {}
li.headli a.toplevel:hover {}
li.headli a.toplevel:active {}
#nav li { /* all list items */position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */position: absolute; display: block; top: 17px; padding: 10px; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {clear: both; display: block; width: 11em; color: #FFF; font-size: 95%;}
#nav li ul li a:link {color: #FFF; background: #4E0F23; text-decoration: none; margin: 0; padding: 5px;}
#nav li ul li a:visited {color: #FFF; background: #4E0F23; text-decoration: none; margin: 0; padding: 5px;}
#nav li ul li a:hover {color: #FFF; background: #8E4F63; text-decoration: none; margin: 0; padding: 5px;}
#nav li ul li a:active {color: #FFF; background: #4E0F23; text-decoration: none; margin: 0; padding: 5px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */left: -11px;}

div#content-wrap {float: left; background: #ECEBE0; width: 760px;}

/*ESCAPE*/div.column-1 {float: left; padding: 0; width: 190px; \width: 190px; w\idth: 190px; display: inline;}
/*ESCAPE*/div.column-2 {float: left; padding: 0 25px 0 15px; width: 234px; \width: 274px; w\idth: 234px; display: inline;}
/*ESCAPE*/div.column-3 {float: left; padding: 0 25px 0 15px; width: 236px; \width: 276px; w\idth: 236px; display: inline;}
/*ESCAPE*/div.column-left {float: left; padding: 0; width: 607px; display: inline;}
/*ESCAPE*/div.column-right {float: right; padding: 0; width: 570px; display: inline; margin: 0;}

p.phr-wh {background: url(images/hdot-wh.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}

/* Left Column */
div.findbox {background: #749BC5; width: 166px; \width: 190px; w\idth: 166px; padding: 12px; color: #FFF;}
div.findbox select {width: 166px;}
div.findbox select, div.findbox input {font-size: 12px;}
div.findbox h1 {font-size: 140%; margin: 0 0 6px 0;}
div.findbox p {padding: 0; margin: 0 0 4px 0;}
div.findbox p.phr {background: url(images/hdot-blue.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 4px; height: 1px; line-height: 1px;}
div.findbox input.find {background: #405A76; color: #FFF; border: 1px #FFF solid;}

div.shortlist {background: #B6B09D; width: 166px; \width: 190px; w\idth: 166px; padding: 12px; color: #FFF; margin-top: 5px;}
div.shortlist select {width: 166px;}
div.shortlist h1 {font-size: 140%; margin: 0 0 6px 0;}
div.shortlist p {padding: 0; margin: 0 0 4px 0;}
div.shortlist .green {color: #D3E4D4;}
div.shortlist p.phr {background: url(images/hdot-brown.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 4px; height: 1px; line-height: 1px;}
div.shortlist a {color: #FFF;}
div.shortlist a:link {text-decoration: none;}
div.shortlist a:visited {text-decoration: none;}
div.shortlist a:hover {text-decoration: underline;}
div.shortlist a:active {text-decoration: none;}
div.shortlist img.trash {position: relative; top: 2px; float: right;}

div.featurebox {background: #405A76; width: 174px; \width: 182px; w\idth: 166px; padding: 12px; color: #FFF; margin-top: 5px;}
div.featurebox img {border: 5px solid #FFF; margin-bottom: 5px;}
div.featurebox h1 {font-size: 140%; margin: 0 0 6px 0;}
div.featurebox h2 {font-size: 120%; margin: 0 0 2px 0;}
div.featurebox p {padding: 0; margin: 0 0 4px 0;}
div.featurebox a {color: #FFF;}
div.featurebox ul { list-style: none; margin: 0; padding: 0; }
div.featurebox .blue {color: #ACBED1;}

img.leftcolumn {margin-top: 5px;}
img.leftlogo {margin: 5px 2px 0 0;}

div.headimg {position: relative; height: 121px;}
img.headimg1 {position: absolute;}
img.headimg2 {position: absolute; left: 389px; top: -80px;}

.smalldate {font-size: 80%;}

/* Homepage */
div.featured {float: left; width: 546px; \width: 570px; w\idth: 546px; padding: 12px;}
div.intro {width: 546px; float: left; display: inline; margin-bottom: 4px;}
img.france {float: left; display: inline; border: 8px solid #FFF;}
div.welcometext {width: 356px; float: left;}
div.pagetext {float: left; display: inline; width: 546px;}
div.welcometext, div.pagetext {color: #2A4057;}
div.welcometext p, div.pagetext p {padding: 0; margin: 0 0 4px 0; font-size: 95%; line-height: 1.5em;}
div.welcometext h1, div.pagetext h1 {font-size: 150%; margin: 0 0 3px 0; color: #2A4057;}
div.welcometext h2, div.pagetext h2 {font-size: 140%; margin: 0 0 3px 0; color: #2A4057;}
div.welcometext h3, div.pagetext h3 {font-size: 120%; margin: 0 0 5px 0; color: #2A4057; line-height: 125%;}
div.welcometext h4, div.pagetext h4 {font-size: 115%; margin: 0 0 5px 0; color: #2A4057; line-height: 115%;}
div.welcometext a, div.pagetext a {color: #2A4057;}
div.welcometext img.floatimg1, div.pagetext img.floatimg1 {float: left; border: 5px solid #FFF; margin: 0 15px 15px 0;}
div.welcometext a:link {}
div.welcometext a:visited {}
div.welcometext a:hover {}
div.welcometext a:active {}
div.welcometext ul, div.pagetext ul, div.welcometext ol, div.pagetext ol {padding: 0; margin: 0;}
div.welcometext ul li, div.pagetext ul li, div.welcometext ol li, div.pagetext ol li  {list-style-position: inside; margin-bottom: 8px;}
div.welcometext p.phr, div.pagetext p.phr {background: url(images/hdot-navy.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}
div.welcometext p.phr-gr, div.pagetext p.phr-gr {background: url(images/hdot-grey.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}

/* Featured Gites */
div.navyfeature, div.greenfeature, div.bluefeature {float: left; display: inline; width: 165px; \width: 181px; w\idth: 165px; padding: 8px; color: #FFF; font-size: 90%; background-image: url(images/corner.gif); background-position: bottom right; background-repeat: no-repeat; margin: 8px 1px 0 0; height: 22em;}
div.navyfeature {background-color: #405A76;}
div.greenfeature {background-color: #9CB59E;}
div.bluefeature {background-color: #749BC5;}
/*div.navyfeature img, div.greenfeature img, div.bluefeature img {border: 5px solid #FFF; margin-bottom: 5px;}*/
div.homeimg {border: 5px solid #FFF; margin-bottom: 5px; width: 155px; height: 118px;}
div.homeimg img.fakeimg {width: 155px; height: 118px;}
div.navyfeature h1, div.greenfeature h1, div.bluefeature h1 {font-size: 140%; margin: 0 0 6px 0;}
div.navyfeature h2, div.greenfeature h2, div.bluefeature h2 {font-size: 120%; margin: 0 0 2px 0;}
div.navyfeature p, div.greenfeature p, div.bluefeature p {padding: 0; margin: 0 0 4px 0; line-height: 115%;}
div.navyfeature a, div.greenfeature a, div.bluefeature a {color: #FFF;}
div.navyfeature h2 a, div.greenfeature h2 a, div.bluefeature h2 a {text-decoration: none;}
div.navyfeature .blue {color: #ACBED1;}
div.greenfeature .green {color: #C5D8C6;}

/* Gite Page */
div.return {width: 540px; \width: 570px; w\idth: 540px; padding: 10px 15px 0 15px;}
div.return p {padding: 0; margin: 0;}
div.return a {color: #2A4057;}
div.gitepics {float: left; display: inline; width: 178px; margin-right: 12px; color: #2A4057; font-size: 85%;}
div.gitepics p {text-align:center;}
div.priceguide {float: left; width: 162px; \width: 178px; w\idth: 162px; padding: 8px; background-color: #FFF; margin-top: 10px; color: #2A4057;}
div.priceguide h1 {font-size: 130%; margin: 0 0 2px 0;}
div.priceguide p {padding: 0; margin: 0 0 4px 0; line-height: 115%;}
table.pricetable {width: 162px; border-collapse:collapse}
table.pricetable td.month {width: 40px;}
table.pricetable td.pound {border-right-style: dotted; border-right-color: #CFCBBE; border-right-width: 1px; text-align: right;}
table.pricetable td.euro {text-align: right;}
/*table.pricetable tr.grey td {background-color: #F4F3F0; background-image: url(images/hdot-grey.gif); background-position: top; background-repeat: repeat-x;}*/
table.pricetable tr.grey td, table.pricetable tr.white td {background-color: #F4F3F0; border-top-style: dotted; border-top-color: #CFCBBE; border-top-width: 1px; padding: 2px 3px;}
table.pricetable tr.grey td {background-color: #F4F3F0;}
table.pricetable tr.white td {background-color: #FFF;}
div.gitecopy {width: 355px; color: #2A4057; float: right; display: inline;}
div.gitecopy h1 {font-size: 160%; margin: 0 0 3px 0; color: #2A4057;}
div.gitecopy h2 {font-size: 140%; margin: 0 0 3px 0; color: #2A4057;}
div.gitecopy h3 {font-size: 120%; margin: 0 0 5px 0; color: #2A4057; line-height: 125%;}
div.gitecopy p {padding: 0; margin: 0 0 3px 0; font-size: 90%;}
div.gitecopy a {color: #2A4057;}
div.gitecopy p.phr {background: url(images/hdot-navy.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}
div.gitecopy p.phr-gr {background: url(images/hdot-grey.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}
table.equipment {border-collapse: collapse;}
table.equipment td {border-top-style: dotted; border-top-color: #CFCBBE; border-top-width: 1px; padding: 2px 3px;}
table.equipment tr.thblue th {background: #749BC5; padding: 2px 3px; color: #FFF; text-align: left;}
table.equipment tr.thgrey th {background: #B6B09D; padding: 2px 3px; color: #FFF; text-align: left;}
table.equipment tr.grey td {background-color: #F4F3F0;}
table.equipment tr.white td {background-color: #FFF;}
table.equipment tr.invisible {display: none;}
div.bluewrap {border: 1px solid #517AAC; float: left; display: block; clear: left; text-align: center;}
input.bluesubmit {color: #FFF; background: #517AAC url(images/blue-gr.gif) top repeat-x; border: 1px solid #FFF; padding: 3px 5px}
a.bluesubmit {color: #FFF; background: #557DAF url(images/blue-gr.gif) top repeat-x; border: 1px solid #FFF; padding: 3px 7px; text-decoration: none; float: left;}
div.greywrap {border: 1px solid #948F80; float: left; display: block; clear: left; text-align: center;}
input.greysubmit {color: #FFF; background: #948F80 url(images/grey-gr.gif) top repeat-x; border: 1px solid #FFF; padding: 3px 5px}
a.greysubmit {color: #FFF; background: #948F80 url(images/grey-gr.gif) top repeat-x; border: 1px solid #FFF; padding: 3px 7px; text-decoration: none; float: left;}
table.contact {border-collapse: collapse;}
table.contact td.left {text-align: right; width: 220px;}
table.contact td.right {text-align: left; width: 300px;}
table.contact td {padding: 2px 5px;}
input.contact, textarea.contact {background: #FFF; border: 1px solid #B6B09D; width: 200px;}
input.enquiry, textarea.enquiry {background: #FFF; border: 1px solid #B6B09D; width: 300px;}
p.grey {color: #949185;}
p.error {color: #F00;}
div.additional {background: #FCFBF0; padding: 10px; margin: 0 0 10px 0;}
div.gitecopy ul {list-style-position: inside; padding: 0; margin: 0;}
input.fixwidth {width: 300px;}

/* Region Page */
div.regionlist {float: left; width: 138px; margin: 10px 0 0 0;}
div.regionlist a {text-decoration: none; font-weight: bold;}
div.regionlist ul {padding: 0; margin: 0;}
div.regionlist ul li {list-style: none; list-style-position: outside; padding: 0; margin: 0 0 6px 0;}
img.regionmap {float: right;}

/* Search Page */
div.indexing {background: #B6B09D; color: #FFF; padding: 4px 12px;}
div.indexing a {color: #FFF;}
div.listdk {background-color: #E1DFD3;}
div.listlt {background-color: #ECEBE0;}
div.listdk, div.listlt {float: left; display: inline; width: 570px; background-image: url(images/hdot-grey.gif); background-position: bottom; background-repeat: repeat-x;}
div.listdk div.imgwrap, div.listlt div.imgwrap {float: left; display: inline; position: relative; padding: 12px; width: 178px; }
div.listdk img.property, div.listlt img.property {float: left; display: inline; border: 8px solid #FFF; background-color: #d5d5d5}
div.listdk img.sold, div.listlt img.sold {position: absolute; right: 20px; bottom: 20px; behavior: url(/includes/iepngfix.htc);}
div.listdk div.text, div.listlt div.text {float: left; display: inline; width: 355px; padding: 8px 0 12px 0;}
div.listdk div.text h1, div.listlt div.text h1 {font-size: 140%; margin: 0 0 3px 0; color: #2A4057;}
div.listdk div.text h2, div.listlt div.text h2 {font-size: 130%; margin: 0 0 3px 0; color: #2A4057;}
div.listdk div.text h3, div.listlt div.text h3 {font-size: 120%; margin: 0 0 5px 0; color: #2A4057; line-height: 125%;}
div.listdk div.text h4, div.listlt div.text h4 {font-size: 100%; margin: 0 0 5px 0; color: #2A4057; line-height: 100%;}
div.listdk p.phr-gr, div.listlt p.phr-gr {background: url(images/hdot-grey.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 4px; height: 1px; line-height: 1px;}
div.listdk p, div.listlt p {color: #6F6B5C; padding: 0; margin: 0 0 3px 0; font-size: 90%;}
div.listdk div.text h1 a, div.listlt div.text h1 a, 
div.listdk div.text h2 a, div.listlt div.text h2 a, 
div.listdk div.text h3 a, div.listlt div.text h3 a {color: #2A4057; text-decoration: none;}

div.regiontext {background: #405A76; color: #FFF; padding: 6px 12px;}
div.regiontext h1 {color: #FFF; padding: 0 0 4px 0; margin: 0; font-size: 120%;}
div.regiontext p {padding: 0 0 4px 0; margin: 0; font-size: 90%; line-height: 120%; color: #FFF}

table.login td {padding: 3px;}
input.editdir {background: #2F372A; border: 1px #FFF solid; color: #FFF; width: 250px; padding: 8px 10px;}

/* Directory */
div.dircat {margin: 5px 0; font-size: 110%;}
div.dircomp {float: left; width: 564px; clear: left; padding: 7px; background: url(images/article-sub-h-dot.gif) bottom repeat-x;}
div.dirtext {float: left; display: inline; width: 376px; \width: 390px; w\idth: 376px;}
div.bold {float: left; background: #FFF/*#FDC26A url(images/grad.gif) top repeat-x*/;}
div.info {float: left; clear: both; width: 560px; margin-top: 10px;}

/* Company Page */
img.complogo {float: left; padding: 3px 7px 7px 3px;}
div.complogo {float: left; display: inline; width: 164px;}

div#bottomspace {clear: both; width: 760px; height: 10px;}
div#footer {float: left; clear: both; padding: 8px; width: 744px; \width: 760px; w\idth: 744px; font-size: 90%; background: #405A76; color: #B5C7D9;}
div#footer2 {clear: both; padding: 8px; width: 744px; \width: 760px; w\idth: 744px; font-size: 90%; background: #749BC5; color: #B5C7D9;}
/*div#footer div.left {float: left; display: inline; padding: 12px 10px 12px 20px;}
div#footer div.right {float: left; display: inline; padding: 12px 20px 12px 10px; color: #949AAC;}
div#footer img.fsep {float: left; display: inline; position: relative; top: 10px;}*/
div#footer div.terms {float: left;}
div#footer div.login {float: right;}
div#footer div.contact strong {display: block; padding-bottom: 3px; color: #FFF;}
div#footer a {color: #FFF; font-weight: bold; text-decoration: none;}
div#footer div.links {float: left; width: 600px}
div#footer div.login {float: right; width: 144px; text-align: right;}

div#below-footer {float: left; padding: 15px 10px; background: #FFF; color: #666;}
div#below-footer a {color: #666; text-decoration: none;}

/* Calendar Page */
div.yearnav {float: left; width: 545px; margin: 0 0 5px 0;}
div.yearnav a {float: left; background: #405A76; color: #FFF; border: 1px #FFF solid; text-decoration: none; padding: 2px 3px 1px 3px;}
div.yearnav div.previous {float: left;}
div.yearnav div.next {float: right;}
div.monthdiv {float: left; width: 180px; height: 149px; margin: 0 2px 6px 0;}
table.monthnavy, table.monthblue, table.monthgreen {float: left; border-width: 3px; border-style: solid; background: #FFF; width: 100%;}
tr.blank td {font-size: 85%; border: 1px #FFF solid;}
table.monthtable {width: 100%; float: left; border-collapse: collapse;}
table.monthtable table {float: left; border-collapse: collapse; width: 100%;}
table.monthtable td.padding {padding: 4px 4px 3px 4px;}
table.dates {float: left;}
table.monthnavy table td, table.monthblue table td, table.monthgreen table td {text-align: center; border-collapse: collapse;}
table.monthnavy {border-color: #405A76;}
table.monthnavy td.wtext {background: #405A76; color: #FFF; font-size: 90%;}
table.monthnavy tr.days td {background: #708398; color: #FFF; height: 16px;}
table.monthnavy table td.notbooked {background: #C5CDD6; color: #4F6E89; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthnavy table td.notbooked-we {background: #D9DEE4; color: #728395; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthnavy table td.booked {background: #676B70; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthnavy table td.booked-we {background: #8D9299; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthnavy table td.today {background: #6283A6; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthblue {border-color: #749BC5;}
table.monthblue td.wtext {background: #749BC5; color: #FFF; font-size: 90%;}
table.monthblue tr.days td {background: #97B4D4; color: #FFF; height: 16px;}
table.monthblue table td.notbooked {background: #DCE7F1; color: #4F6E89; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthblue table td.notbooked-we {background: #E8EFF6; color: #728395; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthblue table td.booked {background: #737980; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthblue table td.booked-we {background: #8A9199; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthgreen {border-color: #9CB59E;}
table.monthgreen td.wtext {background: #ABC1AE; color: #FFF; font-size: 90%;}
table.monthgreen tr.days td {background: #C1D2C3; color: #FFF; height: 16px;}
table.monthgreen table td.notbooked {background: #DAE4DB; color: #4F6E89; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthgreen table td.notbooked-we {background: #E7EDE8; color: #738496; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthgreen table td.booked {background: #79807A; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}
table.monthgreen table td.booked-we {background: #919992; color: #FFF; border: 1px #FFF solid; font-size: 85%; width: 27px; height: 16px;}

/* Homepage */
img.homeimg {float: left; display: inline; border-left: 15px solid #293458; margin: 16px 0 0 0;}

/* News */
img.thumbnail {float: left; display: inline; margin: 0 10px 10px 0;}
div.articleimg {float: left; display: inline; width: 240px; margin: 10px 10px 0 0;}

/* Sponsors */
table.sponsors {border-collapse: collapse;}
table.sponsors td, table.sponsors th {padding: 10px; vertical-align: top;}

/* Registration */
table.register {border-collapse: collapse;}
table.register td, table.register th {padding: 5px; vertical-align: top;}

p.bookingerror { color: #f00; border: #f00/*de!*/ solid 1px; padding: 5px !important; }