
body {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 text-align: center;
 margin:0;

 padding: 0px;
 color: #333333;
 background: #9DDFFF;
}

table {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 color: #333333;
}

a {
 text-decoration: none;
 color: #0178BE;
}

form {
 margin: 0px;
}

img {
 border: 0px;
 margin: 0px;
}

#div {
 width: 850px;
 margin: auto;
}

#header {
 float: left;
 width: 850px;
 background: url(../images/bg-top.jpg) no-repeat 155px 27px;
}

#middle {
 float: left;
 width: 850px;
 background-color: #FFFFFF;
 background-repeat: no-repeat;
}

#footer {
 float: left;
 width: 850px;
 height: 27px;
 padding-bottom: 3px;
}

#bg {
 margin:0px;
 padding:0px;
 background: #9DDFFF url(../images/bg.jpg) no-repeat 50% -30px;
}

#bg-left {
 padding-left: 1px;
}

#bg-right {
 padding-right: 1px;
}

.red {
 color: #DB023A;
}

.italic {
 font-style: italic;
}

/******************************************************************************************************************************************/
/* header */
/******************************************************************************************************************************************/

#header-top {
 float: left;
 width: 850px;
 height: 110px;
}

#header-bottom {
 float: left;
 width: 850px;
 height: 257px;
 background-repeat: no-repeat;
 background-position: right;
}

#logo {
 position: absolute;
 float: left;
 margin-top: 14px;
 z-index: 3;
}

#useful-links {
 width: 216px;
 margin-top: 76px;
 margin-left: 24px;
 background-repeat: no-repeat;
}


#quick-links {
 width: 216px;
 margin-top: 35px;
 margin-bottom: 5px;
}

#header-image {
 position: relative; 
 float: right; 
 width: 606px; 
 height: 257px; 
 z-index: 1;
}

#header-image-1 {
 position: absolute;
 float: right;
 width: 606px;
 height: 257px;
 background-repeat: no-repeat;
 background-position: right;
}

#header-image-2 {
 position: absolute;
 float: right;
 width: 606px;
 height: 257px;
 background-repeat: no-repeat;
 background-position: right;
 background-image: url(../images/header/kids.jpg);
}

#call {
 float: right;
 position: relative;
 z-index: 5;
}

.page-title {
 margin-bottom: 10px;
}

.bold {
 font-weight: bold;
}

h2 {
 font-size: 13px;
 color: #DB023A;
}

.title {
 color: #DB023A;
 font-weight: bold;
 text-transform:uppercase;

}

.note {
 font-size: 9px;
 margin-bottom: 7px;
}

/******************************************************************************************************************************************/
/* footer */
/******************************************************************************************************************************************/

#footer-left {
 float: left;
 text-align: left;
 font-size: 9px;
 margin: 7px 0px 0px 10px;
 line-height:2px;
}

#footer-right {
 float: right;
 text-align: right;
 font-size: 9px;
 margin: 7px 10px;
 color: #999999;
}

#footer-left a {
 color: #DAA608;
}

#footer-right a {
 color: #999999;
}

/******************************************************************************************************************************************/
/* menu */
/******************************************************************************************************************************************/

#menu {
 float: left;
 position: absolute;
 top: 78px;
 width: 856px;
 height: 81px;
 margin: 7px 0px;
 padding: 0px;
 background: url(../images/menu-bg.gif) no-repeat;
 clear: both;
 z-index: 2;
}

#menu a {
 float: left;
 display: table;
}

#menu img {
 position: relative;
}

/******************************************************************************************************************************************/
/* main */
/******************************************************************************************************************************************/

#main {
 float: left;
 width: 850px;
 text-align: left;
 padding-bottom: 10px;
}

.left {
 float: left;
 width: 315px;
 height: 320px;
}

.high {
 height: 575px;
}

.content {
 float: right;
 width: 505px;
 margin-bottom: 0px;
 position: relative;
 top: -15px;
 z-index: 3;
}

.nonblue .ul {
 color: black;
 font-weight: bold;
}

.nonblue .ul span {
 color: black;
}

.nonblue ul {
 color: black;
}

.nonblue ul li {
 line-height: 200%;
}


.image-bg {
 padding-bottom: 345px;
 background-repeat: no-repeat;
 background-position: bottom right;
}

.content-div {
 margin-right: 30px;
}

.table-content {
 margin-right: 20px;
}

p.narrow {
 width: 370px;
}

h1 {
 font-size: 14px;
 color: #0178BE;
}

.subtitle {
 font-weight: bold;
 font-style: italic;
 color: #DA003D;
 margin-top: 7px;
}

.news {
 width: 164px;
 height: 120px;
 margin-top: 40px;
 margin-left: 25px;
 overflow: hidden;
}

.deal {
 width: 164px;
 margin-top: 40px;
 margin-left: 25px;
 overflow: hidden;
}

.news .headline a, .deal .headline a {
 font-weight: bold;
 color: #DB023A;
}

.news .text, .deal .text {
 width: 164px;
 margin-top: 1px;
 margin-bottom: 7px;
}

#bottom {
 width: 850px;
 clear: both;
}

#bottom .box {
 float: left;
 width: 267px;
 height: 127px;
 background: #FFFFFF;
}

.box-div {
 margin: 7px;
}

#brochure-request-box {
 border: 1px dotted #009AD3;
 margin-left: 10px;
}

#brochure-request-box-div {
 height: 100px;
 background: url(../images/titles/brochurerequest.jpg) no-repeat 88px 0px;
}

#summer-deals-box {
 border: 1px dotted #DB023A;
 margin-left: 10px;
}

#summer-deals-box-div {
 height: 100px;
 background: url(../images/titles/summer-deals.jpg) no-repeat 120px 0px;
}

#short-breaks-box {
 border: 1px dotted #009C3E;
 margin-left: 10px;
}

#short-breaks-box-div {
 height: 100px;
 background: url(../images/titles/short-breaks.jpg) no-repeat 120px 0px;
}

.box-div img {
 float: left;
 margin-right: 10px;
}

.box-text {
 float: left;
 width: 162px;
 height: 60px;
 color: #000000;
 margin-top: 32px;
 overflow: hidden;
}

.box-link {
 float: right;
 display: block;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 line-height: 180%;
 padding-right: 20px;
 margin-top: 3px;
}

#download {
 color: #009AD3;
 background: url(../images/blue-arrow.gif) no-repeat 100% 55%;
}

#view-all {
 color: #DB023A;
 background: url(../images/red-arrow.gif) no-repeat 100% 55%;
}

#view-more {
 color: #009C3E;
 background: url(../images/green-arrow.gif) no-repeat 100% 55%;
}

.box-link a {
 float: left;
}

.white {
 color: #FFFFFF;
}

.subnavigation {
 width: 360px;
 margin: 0px;
 font-size: 13px;
 font-weight: bold;
 line-height: 150%;
}

.subnavigation a:hover {
 text-decoration: underline;
 color: #DB023A;
}

.subnavigation .on {
 color: #DB023A;
}

.underline {
 text-decoration: underline;
}

.light-beige {
 background-color: #FDF5DC;
}

.dark-beige {
 background-color: #FBE8AC;
}

.caravan-list {
 padding-left: 30px;
 margin-top: 30px;
}

.caravan-list-item {
 float: left;
 width: 200px;
 font-weight: bold;
 margin-top: 10px;
 padding-bottom: 10px;
}

.underlined {
 border-bottom: 1px dotted #0178BE;
}

.caravan-list .selected {
 color: #DB023A;
}

.caravan-link {
 float: left;
}

.caravan-price-link {
 float: right;
}

.listings {
 width: 100%;
 border-top: 1px solid black;
 border-left: 1px solid black;
 margin-top: 30px;
}

.listings th {
 background: #CCCCCC;
}

.listings th, .listings td {
 vertical-align: middle;
 padding: 5px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
}

.listings td.center {
 text-align: center;
}

.floating{
	padding-left:50px;
		padding-right:50px;

}

/******************************************************************************************************************************************/
/* summer deals */
/******************************************************************************************************************************************/

.summer-deal {
 width: 513px;
 background-repeat: no-repeat;
 margin-bottom: 5px;
}

.summer-deal .info {
 margin-left: 240px;
 margin-right: 20px;
}

/******************************************************************************************************************************************/
/* forms */
/******************************************************************************************************************************************/

.form-field {
 float: left;
 width: 490px;
	padding: 3px 0px;
	text-align: left;
}

label, .empty {
 float: left;
	padding-top: 4px;
	padding-right: 3px;
}

.label, .empty {
	font-weight: bold;
	width: 110px;
	text-align: right;
}

.text, .textarea, .select {
 float: left;
 width: 300px;
}

.radio, .checkbox {
 float: left;
	margin-top: 5px;
	margin-right: 3px;
}

.button {
 border: 1px solid #666666;
	background: #DDDDDD;
}

.error {
 color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}

.message {
 color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid orange;
	margin-bottom: 10px;
}

.bottom-note {
 float:left;
 padding:10px;
}

.month-select {
 width: 80px;
}

.day-select {
 width: 40px;
 margin-left: 3px;
}

.ul {
 color: #DB023A;
 font-weight: bold;
}

.ul span {
 color: #000000;
}

ul {
 color: #66CCFF;
}

ul li {
 line-height: 200%;
}

.tariffs {
 width: 100%;
}

.tariffs th {
 background-color: #009AD3;
 color: #FFFFFF;
}

.tariffs td {
 height: 30px;
}

.tariffs .persons {
 background-color: #E2F6FF;
 font-weight: bold;
}

.tariffs .selected {
 background-color: #FBE8AC;
}

.tariffs .tariff {
 background-color: #FDF5DC;
}

.small-images {
 float: left;
 width: 450px;
 margin-bottom: 10px;
}

.small-images img {
 float: left;
 margin-top: 5px;
 margin-right: 5px;
}

.caravan-item {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #FBE8AC;
}

.caravan-item .model {
 color: #009AD3;
 font-weight: bold;
 font-size: 13px;
}

.image-gallery {
 float: left;
 margin-bottom: 20px;
}

.detail {
 margin-top: 10px;
 margin-bottom: 10px;
 clear: both;
}

.news-item {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #FBE8AC;
}

.news-item img {
 float: left;
 margin-right: 10px;
}

.main-list {
 color: #DB023A;
 font-weight: bold;
}

.main-list li {
 line-height: 150%;
}

.main-list li span {
 color: #000000;
}

/******************************************************************************************************************************************/
/* map */
/******************************************************************************************************************************************/

.map {
 float: left;
 width: 350px;
 margin-top: 10px;
 margin-left: 30px;
}

.wide-map {
 width: 455px;
}

.map img {
 float: left;
 border: 0px;
}

.map .img {
 float: left;
 margin: 0px;
}

.location-description {
 float: left;
 width: 300px;
 text-align: left;
 margin: 20px 20px 0px 20px;
}

.narrow-location-description {
 width: 195px;
}

/******************************************************************************************************************************************/
/* images */
/******************************************************************************************************************************************/

.photos {
 float: left;
 text-align: left;
 margin-left: 40px;
}

.photo-row {
 float: left;
 width: 371px;
 margin-bottom: 5px;
}

.img {
 float: left;
 margin-right: 5px;
}

.img img, .img-right img {
 margin-bottom: none;
}

.img-right {
 float: right;
}

/******************************************************************************************************************************************/
/* debug */
/******************************************************************************************************************************************/

/*

#header div {
 border: 1px solid red;
}
div {
 border: 1px solid red;
}
*/
