body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 
img, fieldset {border: none;}

body {background: #fff;color: #444;font: normal 75%/1.5 arial, helvetica, sans-serif;margin: 0 0 5px 0;}
html>body {font-size: 12px;}

h1 {font: bold 20px/1.5 arial, helvetica, sans-serif;margin: 0 0 18px 0;color: #f90;}
h2 {font: bold 16px/1.5 arial, helvetica, sans-serif;margin: 0 0 9px 0;}
h3 {font: bold 14px/18px arial, helvetica, sans-serif;margin: 0 0 9px 0;}
h4 {font: bold 12px/18px arial, helvetica, sans-serif;margin: 0;}
p, ul, ol {font: normal 12px/18px arial, helvetica, sans-serif;margin: 0 0 18px 0;}
p.or {color: #f90;}
blockquote {padding: 0 18px;}
ul {list-style-type: disc;margin: 0 0 18px 36px;}
ul li {margin: 0 0 6px 0;}
ol {margin: 0 0 18px 36px;}
ol li {margin: 0 0 9px 0;}
input, select {font: normal 12px Arial, Helvetica;}

a {background-color: inherit;color: #f90;}

.clear {clear:both;}
.hr {border-bottom: 3px solid #efefef;width: 75%;margin: 0 auto 24px auto;}
.c {text-align: center;}
.hidden {display: none;}
.show {display: block;}

#wrapper {margin: 0 auto;text-align: left;width: 804px;}

/***********************************
	HEADER STYLES
***********************************/

#header {background: url(../img/box-bg-804.png) top left repeat-y;margin: 0 0 15px 0;}
#header-content {height: 78px;}

#logo {margin: 10px 0 0 20px;width: 308px;height: 68px;float: left;}
#language {float: right;margin: 10px 24px 0 0;}
#language span {height: 34px;font: normal 11px/34px arial, helvetica, sans-serif;display: block;float: left;padding: 0 4px;}
#date {margin: 0 12px 0 0;}

#navbar {height: 33px;background: url(../img/header-menu-bg.png) bottom left no-repeat;}
#navbar ul {list-style: none;margin: 0;padding: 0 0 0 20px;}
#navbar ul li {list-style: none;float: left;}
#navbar a {border: none;color: #fff;height: 27px;font: bold 13px/27px arial, helvetica, sans-serif;text-decoration: none;padding: 0 10px;display: block;}
#navbar a:hover, #navbar a.active {background: #E65800 url(../img/nav-hov.png) top left repeat-x;}
#navbar a:focus {outline: none;}
#vid {
  width: 85px;
  height: 63px;
  float: left;
  margin: 7px 0 0 50px;
}


/***********************************
	CONTENT STYLES
***********************************/

#content {clear: both;}
#content-text {float: left;width: 517px;}

.text-box {width: 502px;}
.text-box-top,
.text-box-base {width: 502px;height: 12px;}

.list {min-height: 580px;}

.text-box-top {background: url(../img/text-box-top.png) bottom left no-repeat;}
.text-box-base {background: url(../img/text-box-base.png) top left no-repeat;}
.text-box .inner {background: url(../img/text-box-bg.png) repeat-y;padding: 6px 20px;}

#content-links {float: left;width: 287px;}
#content-links h2 {color: #fff;font: bold 13px/27px arial, helvetica, sans-serif;padding-top: 6px;margin: 0 0 0 18px;}

.links-box {width: 287px;margin: 0 0 15px 0;}
.links-box .inner {background: url(../img/links-box-bg.png) repeat-y;padding: 15px 20px 1px 20px;}
.links-box-orange-top {background: url(../img/links-box-orange-top.png) bottom left no-repeat;height: 33px;}
.links-box-blue-top {background: url(../img/links-box-blue-top.png) bottom left no-repeat;height: 33px;}
.links-box-base {background: url(../img/links-box-base.png) top left no-repeat;height: 12px;}
.links-box h3 {font: bold 12px/18px arial, helvetica, sans-serif;}
.links-box ul {list-style-type: none;margin: 0 0 18px 18px;}

.h12 {height: 12px;}
.h15 {height: 15px;}
.h20 {height: 20px;}

.images {text-align: center;}

/***********************************
	HOME STYLES
***********************************/

#flash-box {width: 502px;height: 270px;background: #fff url(../img/flash-banner.png) no-repeat;margin: 0 0 15px 0;}
#intro h1 {font: normal 18px/1.333 arial, helvetica, sans-serif;margin: 0 0 18px 0;}
#intro p {font: normal 14px/1.5 arial, helvetica, sans-serif;}
#intro p.start {font: normal 16px/1.5 arial, helvetica, sans-serif;margin: 0;}
#intro p span {color: #f90;}

#search .inner {min-height: 210px;padding: 15px 20px 0 20px;}
#search p {margin: 0 0 7px 0;}
#search select {width: 100%;margin: 0 0 8px 0;}

#offers {margin: 0;}
#offers .inner {padding: 15px 16px 12px 20px;}
.property {overflow: auto;}
.property h3 {font: bold 12px/15px arial, helvetica, sans-serif;margin: 0 0 2px 0;}
.property p {font: normal 12px/15px arial, helvetica, sans-serif;padding: 0 0 2px 0;margin: 0;}
.property div {float: left;margin: 0 12px 0 0;width: 95px;height: 120px;overflow: hidden;background-position: top center;background-repeat: no-repeat;}

/***********************************
	PROPERTY LIST STYLES
***********************************/

.property-box {border-top: 2px solid #efefef;border-bottom: 2px solid #efefef;margin: 12px 0;padding: 12px 0 6px 0;clear: both;}
.property-box img {float: left;margin: 0 8px 4px 0;background: #eaeaea;}
.property-box h2 {font: bold 14px/1 arial, helvetica, sans-serif;margin: 0 0 2px 0;}
.property-box span {font: normal 12px/14px arial, helvetica, sans-serif;float: right;}
.property-box h3 {font: bold 12px/16px arial, helvetica, sans-serif;margin: 0 0 4px 0;}
.property-box p {font: normal 12px/16px arial, helvetica, sans-serif;margin: 0 0 4px 0;}

#page-nav {margin: 0 0 18px 0;}
.page-active {font: bold 12px/18px arial, helvetica, sans-serif;padding: 1px 2px;margin: 0 2px 0 0;}
#page-nav a {font: bold 12px/18px arial, helvetica, sans-serif;padding: 1px 2px;margin: 0 2px 0 0;}
#page-nav span {font: normal 12px/36px arial, helvetica, sans-serif;}

/***********************************
	PROPERTY STYLES
***********************************/

h1 span {float: right;font: bold 12px/30px arial, helvetica, sans-serif;color: #000;}

.property-ref {float: right;font: bold 12px/30px arial, helvetica, sans-serif;color: #000;}

.print-page {height: 18px;padding: 0 0 0 20px;background: url(../img/printer.gif) left center no-repeat;}

.page-break {page-break-before: always;}

table {margin: 0 0 18px 30px;}
table td, table th {padding: 1px 12px 1px 0;}
table .tblColumn1 {width: 40px;}
table .tblColumn2 {width: 80px;}

#accommodation th {font-weight: normal;}
#accommodation td {text-align: center;}

#img-gallery {width: 404px;margin: 0 auto 18px auto;padding: 0;}
#img-gallery div {width: 404px;height: 250px;margin: 0 0 1px 0;padding: 0;background: #efefef url(../img/img-preview-bg.gif) no-repeat;}
ul#img-list {list-style: none;width: 404px;margin: 0;padding: 0;}
ul#img-list li {display: inline;width: 80px;margin: 0 1px 0 0;padding: 0;}
ul#img-list li.end {margin: 0;padding: 0;}

div.btnlink {width: 352px;height: 22px;line-height: 22px;text-align: center;font: bold 12px/22px Arial, Helvetica;margin: 18px auto;}
div.btnlink a, div.btnlink a:hover {display: block;width: 136px;float: left;color: #fff;height: 22px;line-height: 22px;margin: 0 20px;text-decoration: none;background: #fff url(../img/btn-link.gif) no-repeat top left;}
div.btnlink a:hover {background: #fff url(../img/btn-link.gif) no-repeat bottom left;}

div.btnlinkDe {width: 434px;height: 22px;line-height: 22px;text-align: center;margin: 20px auto 12px auto;font: bold 12px/22px Arial, Helvetica;}
div.btnlinkDe a, div.btnlinkDe a:hover {display: block;width: 184px;float: left;color: #fff;height: 22px;line-height: 22px;margin: 0 0 0 20px;text-decoration: none;background: #fff url(../img/btn-link-de.gif) no-repeat top left;}
div.btnlinkDe a:hover {background: #fff url(../img/btn-link-de.gif) no-repeat bottom left;}


/***********************************
	CALENDAR STYLES
***********************************/

#calendar table {margin: 24px auto 12px auto;}
#calendar table.key {margin: 4px 0;}
#calendar table.key th {text-align: left;white-space: nowrap;width: 180px;}

#calendar table td,
#calendar table th {font: normal 10px/18px Arial, Helvetica, sans-serif;width: 18px;height: 18px;text-align: center;color: #333;white-space: nowrap;padding: 0;}
#calendar table td.mDate {font: normal 12px/18px Arial, Helvetica, sans-serif;padding-right: 4px;width: 40px;white-space: nowrap;}
#calendar table td.hd {background-color: #eaeaea;}
#calendar table td.cd {background: #eaeaea url(../img/change.gif) top left no-repeat;}
#calendar table td.ud {background-color: #FFA800;}
#calendar table td.ambooked {background: #eaeaea url(../img/am.gif) top left no-repeat;}
#calendar table td.pmbooked {background: #eaeaea url(../img/pm.gif) top left no-repeat;}
#calendar table td.datepast {background-color: #eaeaea;}

#calendar {background: url(../img/box-bg-804.png) top left repeat-y;}
#calendar .inner {padding: 6px 20px;}

#calendar select option.selected {background: #f90;color: #fff;}

#change-property {width: 400px;float: right;text-align: right;font-size: 10px;}

/***********************************
	FORM STYLES
***********************************/

#contact {width: 450px;padding: 0 0 12px 0;margin: 0;}
div.textfield {margin: 0 0 12px 0;}
div.textfield label {font: normal 12px/15px arial, helvetica, sans-serif;display: block;color: #333;margin: 0 0 4px 0;}
div.textfield input,
div.textfield textarea {width: 450px;padding: 2px;font: normal 12px Arial, Helvetica;}
div.textfield select.ref {width: 454px;margin: 0;}

/***********************************
	BOOKING FORM STYLES
***********************************/

div.booking-group {clear: both;margin: 0 0 24px 0;}
div.bookingfield {width: 440px;margin: 0 0 8px 0;}
div.bookingfield-add {width: 440px;margin: 0 0 4px 0;}

div.bookingfield label,
div.bookingfield-add label {float: left;width: 124px;font-size: 12px;height: 20px;line-height: 20px;color: #333;margin: 0;}

div.bookingfield input,
div.bookingfield textarea,
div.bookingfield-add input {width: 302px;padding: 2px;font: normal 12px Arial, Helvetica;}

div.bookingfield-add input.pcode {width: 100px;}
div.bookingfield label.addinfo {display: block;width: 440px;color: #333;}
#booking-form label.radlabel {display: block;width: 440px;color: #333;margin: 0 0 4px 0;}

div.bookingfield input.infofield,
div.bookingfield textarea.infofield {width: 440px;padding: 2px;font: normal 12px Arial, Helvetica;}

div.bookingfield select {font: normal 12px Arial, Helvetica;width: 40px;margin: 0;}
div.bookingfield select.ref {width: 310px;margin: 0;}
div.bookingfield select.date {width: 70px;}
div.bookingfield input.rad {width: 20px;}
div.bookingfield label.rad {width: auto;}

/***********************************
	FORM ERROR STYLES
***********************************/

label em {font-style: normal;color: #E73C00;}
.errorLabel {color: red;}
.errortxt{color: #E73C00;display:none;}
#errorwarning{margin:0 0 12px 0;display:none;color: #E73C00;}

/***********************************
	FOOTER STYLES
***********************************/

#footer {clear: left;font: normal 11px/1 arial, helvetica, sans-serif;background: url(../img/box-bg-804.png) top left repeat-y;}

.box-804-top {background: url(../img/box-top-804.png) bottom left no-repeat;height: 12px;}
.box-804-base {background: url(../img/box-base-804.png) top left no-repeat;height: 12px;}

#footer .inner {padding: 2px 12px;}
#footer span {padding: 0 4px;display: inline;}
#footer ul {list-style: none;float: right;margin: 0;padding: 0;width: 40%;}
#footer ul li {float: right;margin: 0;padding: 0 8px;font: normal 11px/1 arial, helvetica, sans-serif;}
#footer ul li:first-child {border-left: 1px solid #000;}
#footer a {color: #000;}
ul#coops {width: 18%;}
ul#coops li:first-child {border: none;}

/***********************************
	PRINT STYLES
***********************************/

@media print {
	#navbar, #language span img, #content-links, .btnlink, #footer a, .text-box p.c a {display: none;}
	#wrapper, #content-text, .text-box {width: 100%;}
	#content-text {float: none;}
	#header, .text-box-top , .text-box-base, .text-box .inner, #footer, .box-804-top, .box-804-base {background: none;}
	#header {border-bottom: 6px solid #efefef;}
	#language, #date {margin: 10px 0 0 0;}
}


