/* -*-CSS-*- */

acronym
{
 border-bottom-width: 1px;
 border-bottom-style: dotted
}

div.banner { text-align: center; }

div.clear { clear: both }
div.lclear { clear: left }
div.rclear { clear: right }

div.message,
div.error-message,
div.warning-message,
div.success-message
{
 border: 1px solid #000;
 background: #FFF;
 padding: 2px;
 font-weight: bold;
}

div.message { color: #000 }
div.error-message { color: #f00 }
div.warning-message { color: #f60 }
div.success-message { color: #0a0 }

div.error-message ul,
div.warning-message ul,
div.success-message ul { color: #000; font-weight: normal }

table.structural
{
 padding: 0;
 margin: 0;
 border: 0px;
 border-width: 0px;
 border-spacing: 0;
 border-collapse: collapse;
}

table.structural td { margin: 0; padding: 0; border: 0px }
td > form, th > form { margin-bottom: 0px }

.helptext { font-size: 80% }

.multipage { text-align: center; margin: 0.5em 0px }

.negative-number { color: #f00 }


.availcal .availcalmo { border: 1px solid #808080 }
.availcal .availcalmo td
{
 padding: 0;
 margin: 0;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 text-align: center;
 background-color: #FFF;
 color: #000;
}
.availcal .availcalmo .availcalmt { background-color: #f0f0f0 }
.availcal .availcalmo .availcal_unavail { background-color: #bcbcbc; color: #000 }
.availcal .availcalmo .availcal_unknown { background-color: #dedede; color: #000 }
.availcal .availcalmo .availcal_req { background-color: #fe6; color: #000 }
.availcal .availcalmo .availcal_avail { background-color: #c7f28e; color: #000 }
.availcal .availcalmo .availcal_req_in { background-color: #fc0; color: #000 }
.availcal .availcalmo .availcal_avail_in { background-color: #9dea8a; color: #000 }
table#extras-list
{
  width:100%;
}

/* Calendar on View page */
.availability-calendar
{
 vertical-align: top;
 text-align: center;
 background-color: transparent;
}
.availability-calendar-plain table
{
 font-size: 12px;
}
.availability-calendar-navigation
{
 text-align: center;
}
.availability-calendar-navigation img
{
 border: none;
 text-decoration: none;
}

/* Brand Console Links */
.brandconsolelinks {
 margin: 3px 0px 3px 0px;
 padding: 3px;
 background-color: #dde;
 border: 1px dashed #ccc;
}
.brandconsolelinks a {
 display: block;
 float: left;
 margin-right: 5px;
 padding: 1px 4px;
 text-decoration: none;
 background-color: #C00;
 color: #fff;
 border: 1px solid #FFF;
}
.brandconsolelinks a:hover {
 background-color: #FFF;
 color: #000;
 text-decoration: none;
 border: 1px solid #C00;
}
.brandconsolelinks .advertconddesc {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 1px 4px;
}
.brandconsolelinks .advertconddesc .advertcond {
  font-style: italic;
}
.brandconsolelinks .advertconddesc .advertcondmh {
  font-weight: bold;
}
.brandconsoleinfo {
 margin: -3px 0px 3px 0px;
 padding: 3px;
 background-color: #eef;
 border-width: 0px 1px 1px 1px;
 border-style: dashed;
 border-color: #ccc;
}
/* -*- CSS -*- Directories */

#browse-region-map { float: right }

#region-breadcrumbs { margin-bottom: 1em; width: auto }

dl#browse-regions
{
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-align: left;
}

#directoryfinder #browse-shortcut-links { margin-bottom: 2px }

#directoryfinder #df-area1 { float: left; width: 160px }

#directoryfinder #df-area1 input,
#directoryfinder #df-area1 select { width: 140px }
#directoryfinder #df-area1 #from-d,
#directoryfinder #df-area1 #from-m,
#directoryfinder #df-area1 #from-y,
#directoryfinder #df-area1 #from-f { width: auto }

#directoryfinder #df-area1 #season-from-d,
#directoryfinder #df-area1 #season-from-m,
#directoryfinder #df-area1 #season-to-d,
#directoryfinder #df-area1 #season-to-m,
#directoryfinder #df-area1 #fe26,
#directoryfinder #df-area1 .sea-facilitys input,
#directoryfinder #df-area1 .sea-recreations input { width: auto }

#directoryfinder #df-area1 .sea-facilitys input[type=submit],
#directoryfinder #df-area1 .sea-recreations input[type=submit] { width: 140px }

#directoryfinder #df-area1 .alt-search {
 font-size: 0.85em;
 padding-left: 1em;
}
#directoryfinder #df-area1 form {
 margin: 0;
}
#directoryfinder dl.tree-closed { display: none }

#directoryfinder #df-area2 { float: right; left: 165px; width: 580px }

#directoryfinder #df-area2 #df-hql
{
 margin: 2px 2px 6px 2px;
 border-bottom: 2px ridge #cccccc;
}

#directoryfinder #df-area2 #df-primary
{
 margin: 6px 2px 2px 2px;
 text-align: left;
}

#directoryfinder #list-featured-entry
{
 float: right;
 width: 120px;
 text-align: center;
}

#directoryfinder #list-legend { width: auto }
#directoryfinder #directory-xlink { width: 440px }

#directoryfinder #list-online-booking-toggle {
 font-size: 0.85em;
}

/* Lodgings Member Type Filter */
.lodging-member-type-filter {
 clear: both;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #eee;
 padding: 3px 0 3px 5px;
}
.lodging-member-type-filter h4 {
 display: inline;
}
.lodging-member-type-filter ul {
display: inline;
 padding-left: 1em;
}
.lodging-member-type-filter li {
 display: inline;
 padding-right: 1.5em;
}

/* -*-CSS-*- */
.dynCalendar_header{
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
}
.dynCalendar_dayname {
  background-color: #eee;
  border: 1px solid #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
  text-align: center;
}

.dynCalendar_day {
  background-color: #eee;
  color: #000;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
}

.dynCalendar_today {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
}

.dynCalendar {
  background-color: #c0c0c0;
  border: 2px outset #fff;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
}
/* -*-CSS-*- HQL */

.hql { margin: 1px }

.hql .hqlitem
{
 text-align: right;
 background-color: #cdf;
 padding: 2px 4px 2px 5px;
 margin: 2px;
 border: 1px solid #808080;
}

.hql .sea-features .hqlitem { background-color: #fcc }
.hql .sea-facilitys .hqlitem { background-color: #beb }
.hql .sea-recreations .hqlitem { background-color: #eea }
.hql .hqlitem .hqltext { font-weight: bold }
.hql .hqlitem img { vertical-align: baseline; border: 1px solid #999 }
.hql .parks-online-booking .hqlitem { background-color: #FC0 }
.hql .sea-availability .hqlitem { background-color: #8d8 }
/* -*-CSS-*- Rollupboxes */
#filters h4 {
 margin-bottom: 0;
}
.rollupbox { border: 1px outset #000; margin-top: 0px; margin-bottom: 3px }

.rollupboxheader
{
 background-color: #34b3d1;
 background-position: top left;
 background-repeat: no-repeat;
 color: #fff;
 font-weight: bold;
 text-align: right;
 padding: 1px 3px 1px 34px;
 cursor: pointer;
}
.rollupbox.rbdown .rollupboxheader:hover,
.rollupbox.rbup .rollupboxheader:hover
{
 background-color: #006;
 text-decoration: underline;
}

.rollupbox.rbdown .rollupboxheader:active,
.rollupbox.rbup .rollupboxheader:active
{
 background-color: #009;
}

.rollupbox.rbdown .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_open.gif) }
.rollupbox.rbup .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_closed.gif) }

.rbdefault .rollupboxcontent { background-color: #cdf }

.rollupboxcontent { border-top: 1px solid #000; color: #000; padding: 3px }

.sea-availability .rollupboxheader { background-color: #6a6 }
.sea-availability .rollupboxcontent { background-color: #8d8 }
.sea-facilitys .rollupboxheader { background-color: #8b8 }
.sea-facilitys .rollupboxcontent { background-color: #beb }
.sea-features .rollupboxheader { background-color: #c99 }
.sea-features .rollupboxcontent { background-color: #fcc }
.sea-recreations .rollupboxheader { background-color: #bb7 }
.sea-recreations .rollupboxcontent { background-color: #eea }
/* -*- CSS -*- Gallery */

.gallery {
  text-align: center;
  margin: 5px;
}
.gallery .thumbnails ul {
  list-style-type: none;
}
.gallery .thumbnails li {
  float: left;
  margin: 3px;
}
.gallery .thumbnails img {
  border-width: 3px;
  border-color: #ccc;
  border-style: solid;
}
.gallery #current-thumb img {
  border-color: #000;
}
.gallery .thumbnails a:hover img {
  border-color: #00F;
}

/* Facilities Page */
ul.facilities {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 15px;
}
ul.facilities li {
  width: 245px;
  float: left;
}
/* -*-CSS-*- */
/* Google Maps Styling */
#full-locationmap #locationmap{
 width: 600px;
 height: 500px;
 margin: 0 auto;
}
.googlemaps-label {
 text-align: left;
 width:230px;
}
.googlemaps-label table {
 border-collapse: collapse;
 margin-top: 3px;
 border-top: 1px solid #ccc;
}
.googlemaps-label table td {
 vertical-align: top;
 padding-top: 3px;
}
.googlemaps-label .address {
 font-size: 0.85em;
}
.googlemaps-label .name {
 font-weight:bold;
}

.directory #locationmap .tooltip {
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 0 3px 0 3px;
 text-align: center;
}

/* System Messages */
.systemmessages { border: 1px solid #000; padding: 5px; background: #cc9 }
.systemmessages .systemmessage { border: 1px solid #666; padding: 3px; margin: 5px 0px; background: #ffc }
.systemmessages .systemmessage .systemmessagetitle { font-weight: bold }
.systemmessages .systemmessage .systemmessagemessage { margin: 5px 0px }
.systemmessages .systemmessage .systemmessagedates { font-style: italic }

/* Recently Viewed */
.recentlyvieweds .recentlyviewed { float: left; width: 134px; margin: 0px 3px; text-align: center }
.recentlyvieweds .recentlyviewed img { border: 0; text-align: center }
.recentlyvieweds .recentlyviewed a span { display: block; margin-left: 7px; height: 80px; width: 114px; background-color: #ccc }
.recentlyvieweds .recentlyviewed .recentlyviewedadd { margin-top: 10px; font-size: 80%}

table.list#statisticstable td.datum1 { background-color: #e4ffff }
table.list#statisticstable td.datum2 { background-color: #c4e9f2 }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}/* -*-CSS-*- Page layout style 1: small area on left, big area on right */
div#page-area1 { float: right; width: 572px }
div#page-area2 { width: 185px; left: 0; float: left }
/* -*-CSS-*- Common console */

div.console div#page-area1 div#page-title div.content-block h1
{
 font-size: large;
 margin-top: 2px;
}

div.console table.list tr.duplicateemail td { background-color: #ffa0a0 }
div.console table.list tr.invalidemail td { background-color: #e9d3a0 }
div.console table.list tr.notsent td { background-color: #ff6060 }
div.console table.list.compact td { font-size: smaller }

/* -*-CSS-*- Comments */
#comment-body
{
 margin: 0;
 padding: 0;
 width: auto;
 background-color: #fff;
 color: #000;
 text-align: left;

 font: small arial, helvetica, sans-serif;
}


.comment-page { padding: 3px }

.comment-inset
{
 border-top: 8px solid #9cf;
 border-left: 2px solid #9cf;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 3px;
}

.comment-unhandled
{
 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 5px;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-important
{
 float: right;
 background-color: #fcc;
 border: 1px solid #000;
 padding: 2px 2px 0px 2px;
 font-weight: bold;
}

.comment-handled, .comment
{
 padding: 5px;

 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-next
{
 font-style: italic;
 text-align: right;
 color: #000;
}

.comment-next input,
.comment-next select
{
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-next-done
{
 font-style: italic;
 text-decoration: line-through;
 text-align: right;
 color: #000;
}

.comment-changeimportance,
.comment-changeimportance input
{
 text-align: right;
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-what
{
 color: #333;
 margin-bottom: 2px
}

.comment-who-when
{
 color: #000;
 font-weight: bold;
 margin-bottom: 2px
}

#comment-body a,
.comment a,
.comment-unhandled a,
.comment-handled a
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:link,
.comment a:link,
.comment-unhanded a:link,
.comment-handled a:link
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:hover,
.comment a:hover,
.comment-unhandled a:hover,
.comment-handled a:hover
{
 color: #f00;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:visited,
.comment a:visited,
.comment-unhandled a:visited,
.comment-handled a:visited
{
 color: #c0c;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body table.tabs td
{
 text-align: center;
 background-color: #9cf;
 border: 1px solid #333;
}

#comment-body table.tabs td:hover
{
 background-color: #bdf;
}

#comment-body table.tabs td.selected
{
 background-color: #fff;
 border: 1px solid #333;
 border-bottom: none;
}

#comment-body .field-name
{
 color: #d90000;
 font-weight: bold;
 margin-top: 0.4em;
 text-align: left;
}

#comment-body .field-data
{
 color: #000;
 text-align: left;
}


#comment-body table.list
{
 background-color: #c4e9f2;
 border: 1px solid #34b3d1;
 border-collapse: collapse;
 border-spacing: 0pt;
 empty-cells: show;
 padding: 2px;
 margin: 1px;
}

#comment-body table.list th
{
 background-color: #34b3d1;
 color: #fff;
 border-bottom: 1px solid #34b3d1;
 empty-cells: show;
 padding: 2px;
}

#comment-body table.list td
{
 border-bottom: 1px solid #34b3d1;
 border-right: 1px solid #34b3d1;
 empty-cells: show;
 padding: 8px 2px;
 color: #006;
}

/* Users Console */

/* User Special Offers */




#userpooloffers {

}
#userpooloffers h3 {
 margin: 0.25em;
}
.userpooloffer {
 padding: 1px;
 clear: both;
 background-color: #eee;
 margin-bottom: 9px;
 border: 1px solid #CCC;
}
.userpooloffer h4 {
 padding: 0.25em;
 margin: 0;
 background-color: #ccc;
}
.userpooloffer img {
 float: right;
}
.userpooloffer .decription {
 font-style: italic;
 margin-bottom: 1em;
}
.userpooloffer .ref {
 padding: 5px 5px 0px 0px;
 width: 18em;
 text-align: center;
 clear: both;
 font-weight: bold;
 border-width: 1px 1px 0px 0px;
 border-style: dashed;
 border-color: #AAA;
 background-color: #FFF;
 float: left;
}
.userpooloffer .offer-footer {
 text-align: left;
 font-size: 0.85em;
 padding: 3px;
}
.userpooloffer .date-expries {
 text-align: right;
 padding-top: 5px;
 font-size: 0.85em;
 color: #999;
 clear: right;
}
.userpooloffer .email-tel {
 display: inline;
 padding-left: 0.3em;
}

/* Members Console */
#page-summary {
 border-bottom: 1px solid #ccc;
}
#page-summary .content-block {
 padding-bottom: 0.25em;
 margin: 0.25em;
}
#page-summary p {
 margin-top: 0;
 margin-bottom: 0;
}
#members-images .members-image {
 float: left;
 margin-right: 8px;
 margin-bottom: 15px;
 padding: 6px;
 border: 1px solid #ccc;
 background-color: #eee;
}
#members-images .members-image h4 {
 margin: 0;
 text-align: center;
}
#members-images .members-image img {
 border: 1px solid #aaa;
}
#members-images .members-image ul {
 margin: 0;
 list-style-type: none;
 padding: 0;
 font-size: 0.9em;
}
#members-images .members-image li {
 text-align: center;
 margin-top: 3px;
}
#members-images .members-image form {
 display: inline;
 clear: both;
}
#members-images .members-image .image-edit {
 text-align: center;
}
#image-upload {
 clear: both;
}

#excluded-images img {
 float: left;
 border: 1px solid #ccc;
}
#excluded-images table {
 float: right;
 width: 300px;
}
#excluded-images table td.field-name {
 width: 90%;
}
/* End Members Console */


/* Layout Editor */
#layout-editor {
 background-color: #369;
 padding: 5px 5px 0px 5px;
 color: #fff;
}
#layout-editor h3 {
 color: #fff;
 text-align: right;
 margin: 0px 20px 10px 0px;
}

.membertypetabs {
 width: 680px;
 margin-bottom: 0px;
 clear: both;
}
.membertypetabs .bottombar {
 border-top: 4px solid #000;
 clear: both;
}
.membertypetabs a {
 display: block;
 float: left;
 text-decoration: none;
 font-weight: bold;
 color: #000;
 font-size: 0.85em;
 width: 5.8em;
 height: 2.0em;
 text-align: center;
 vertical-align: middle;
 margin: 0px 0px 0px 4px;
 margin-top: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.3em;
 background-color: #ccc;
 border-width: 3px 1px 0px 1px;
 border-style: solid;
 border-color: #999;
 background-image: url(/frontend/default/images/brand_console/tabs_mt.png);
 background-position: left top;
}
.membertypetabs a:hover {
 color: #000;
 border-color: #000;
}
.membertypetabs a#current {
 border-color: #000;
 color: #000;
}

#layout-editor .tabs a {
 margin: 0px 0px 0px 4px;
 padding: 3px 10px 3px 10px;
 color: #666666;
 text-decoration: none;
 background-image: url(/frontend/default/images/brand_console/tabs.png);
 background-position: center top;
 border-width: 1px 1px 0px 1px;
 border-style: solid;
 border-color: #666666;
}
#layout-editor .tabs a:hover {
 border-color: #fff;
}
#layout-editor .tabs a#current {
 font-weight: bold;
 border-color: #fff;
 color: #000;
}
/* End Layout Editor */


/* Styles for dp.SyntaxHighlighter */
.dp-highlighter {
 color: #000;
 width: 100%;
 overflow: auto;
 line-height: 100% !important;
 margin: 18px 0px 18px 0px;
}

.dp-highlighter table {
 width: 100%;
 margin: 2px 0px 2px 0px;
 border-collapse: collapse;
 border-bottom: 2px solid #eee;
 background-color: #fff;
}

.dp-highlighter td
{
 font-family: Courier New;
 font-size: 11px;
}

/* Styles for the tools */

.dp-highlighter .tools-corner {
 background-color: #eee;
 font-size: 9px;
}

.dp-highlighter .tools {
 background-color: #eee;
 padding: 3px 8px 3px 0px;
 border-bottom: 1px solid #808080;
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: silver;
}

.dp-highlighter .tools a {
 font-size: 9px;
 color: #808080;
 text-decoration: none;
}

.dp-highlighter .tools a:hover {
 color: #F0F;
 text-decoration: underline;
}

/* Gutter with line number */

.dp-highlighter .gutter {
 padding-right: 5px;
 padding-left: 10px;
 width: 5px;
 background-color: #eee;
 border-right: 1px solid #808080;
 color: #808080;
 text-align: right;
 vertical-align: top;
}

/* Single line style */

.dp-highlighter .line {
 padding-left: 10px;
 border-bottom: 1px solid #F7F7F7;
 white-space:nowrap;
}

/* About dialog styles */

.dp-about {
 background-color: #fff;
 margin: 0px;
}

.dp-about table {
 width: 100%;
 height: 100%;
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

.dp-about td {
 padding: 10px;
 vertical-align: top;
}

.dp-about .copy {
 border-bottom: 1px solid #ACA899;
 height: 95%;
}

.dp-about .title {
 color: #F0F;
 font-weight: bold;
}

.dp-about .para {
 margin-bottom: 4px;
}

.dp-about .footer {
 background-color: #ECEADB;
 border-top: 1px solid #fff;
 text-align: right;
}

.dp-about .close {
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
 background-color: #ECEADB;
 width: 60px;
 height: 22px;
}

/* Language specific styles */
.dp-c {}
.dp-c .comment { color: #0F0; }
.dp-c .string { color: #00F; }
.dp-c .preprocessor { color: #808080; }
.dp-c .keyword { color: #00F; }
.dp-c .vars { color: #d00; }

.dp-vb {}
.dp-vb .comment { color: #0F0; }
.dp-vb .string { color: #00F; }
.dp-vb .preprocessor { color: #808080; }
.dp-vb .keyword { color: #00F; }

.dp-sql {}
.dp-sql .comment { color: #0F0; }
.dp-sql .string { color: #F0F; }
.dp-sql .keyword { color: #00F; }
.dp-sql .func { color: #ff1493; }
.dp-sql .op { color: #808080; }

.dp-xml {}
.dp-xml .cdata { color: #ff1493; }
.dp-xml .comments { color: #0F0; }
.dp-xml .tag { color: #00F; }
.dp-xml .tag-name { color: #000; font-weight: bold; }
.dp-xml .attribute { color: #FF0000; }
.dp-xml .attribute-value { color: #00F; }

.dp-delphi {}
.dp-delphi .comment { color: #008200; font-style: italic; }
.dp-delphi .string { color: #00F; }
.dp-delphi .number { color: #00F; }
.dp-delphi .directive { color: #008284; }
.dp-delphi .keyword { font-weight: bold; color: #000080; }
.dp-delphi .vars { color: #000; }

.dp-py {}
.dp-py .comment { color: #0F0; }
.dp-py .string { color: #F0F; }
.dp-py .docstring { color: #A52A2A; }
.dp-py .keyword { color: #00F; font-weight: bold;}
.dp-py .builtins { color: #ff1493; }
.dp-py .magicmethods { color: #808080; }
.dp-py .exceptions { color: #A52A2A; }
.dp-py .types { color: #A52A2A; font-style: italic; }
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }

/* [END] Styles for dp.SyntaxHighlighter */
/* -*-CSS-*- Frontend CSS */

#main
{ 
  width: 780px;
}

#footer
{
  background-color: #ffffff; color: #000000;
  text-align: center;
  width: 780px;
  clear: both;
}


#footer a
{
  font-weight: normal;
  font-size: smaller;
  color: #0000cc;
}

#footer a:hover
{
  color: #ff0000;
}

#footer a:active
{
  color: #ff0000;
}

#footer a:visited
{
  color: #330099;
}
/* BASIC HTML */
body {
  padding: 0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* END BASIC HTML */

/* Site */
#site {
  margin: 0 auto;
  width: 760px; 
}

#header-bar {
  height: 100px;
  background-image: url(../images/header.png);
}
#header {

}
#header-content {
  margin-top: 1em;
  width: 175px;
  float: right;
}

#menubar {
  padding: 0.20em;
  background-color: #AED6EF;
  clear: both;
}
#menubar a {
  padding: 0px 8px 2px 6px;
}
#menubar table {
border-spacing: 0;
border-collapse: yes;
}*/

#pathway {
  padding: 2px;
  font-size: 0.8em;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #ccc;
  margin-top: 0.7em;
}

#leftbox {
 width: 125px;
 float: left;
}
#leftbox .moduletable {
  margin-top: 2em;
  border-collapse: collapse;
}
#leftbox .moduletable th {
  padding: 2px;
}
#leftbox .moduletable td {
  padding-bottom: 2px;
}
/* Menu */
.mainlevel {
 padding-left: 23px;
}
a#active_menu {
 background-image: url(../images/menu_pointer.gif);
 background-repeat: no-repeat;
 background-position: left top; 
}

#rightbox {
 width: 140px;
 float: right;
 font-size: 0.9em;
 background-color: #B1D4F0;
}
#leftbox .moduletable,
#rightbox .moduletable  {
 margin-bottom: 10px;
 text-align: left;
}

#rightbox .moduletable ul {
  margin:0;
  padding:0;
  padding-left: 3px;
}
#rightbox .moduletable ul li {
  list-style-image: url(../images/listmarker.gif);
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0.5em 0px;
}
#rightbox #extcal_minical table.extcal_weekdays td {
 padding: 0px;
 font-size: 10px;
}

#rightbox .extcal_daycell {
 padding: 1px;
}

#contentbox {
 width: 490px;
 padding: 2px 2px 0px 0px;
 background-image: url(../images/back_curve.png);
 background-repeat: no-repeat;
 background-position: right top; 
 min-height: 200px;
}

#footer {
 border-top: 1px solid #CCC;
}
/* End Site */

/* Joomla! Styles */
.contentheading {
  font-size: 1.1em;
  padding-top: 10px;
  padding-bottom: 3px;
}
.modifydate,
.createdate {
  font-size: 0.8em;
  font-style: italic;
}
.small {
  font-size: 0.8em;
}






.sectiontableheader {
  border-bottom: 1px solid #AED6EF;
  padding-top: 2px;
  padding-bottom: 2px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.sectiontableentry2 {
  background-color: #eee;
}


/* Component */
.componentheading {
  font-size: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  color: #333;
  border-bottom: 1px solid #AED6EF;
  font-weight: bold;
}

.contentdescription p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-style: italic;
}

/* End Joomla! Styles */


/* ========================================================================== */
/* CSUK Directory */

div.clear  { clear: both; }

div.directory .content-block {
  padding: 5px 0px 5px 0px;
}

table.list {
  margin:                     3px 0px 2px 0px;
  border:                     1px solid #84B087;
  border-collapse: collapse;
  border-spacing: 0pt;
}
table.list th {
  background-color:           #84B087;
  padding:                    1px;
  margin:                     0px;
  color:                      #FFF;
  text-align:                 center;
  border-bottom:              1px solid #fff;
}
table.list th.subhead {
 font-weight:                normal;
 border-bottom:              none;
}

div.directory .full-page-title h1 {
 display: block;
 margin: 0;
 font-size: 1.4em;
 color: #0099CC;
}

.multipage {
  text-align:                 center;
}


/* End CSUK Directory */


/* Directories Page */
div.directory-links {
 padding-left:           0px;
}

div.directory-link {
 width: 400px;
 height: 120px;
 margin: 0px 5px 14px 17px;
 float: left;
}

div.directory-link .description {
 background-color: #EEE;
 border: 1px solid #CCC;
 height: 90px;
}


div.directory-link h4 {
  margin:                0px 0px 0px 0px;
  padding:               2px 0px 2px 0px;
  text-align:            center;
  background-image:      url(/frontend/images/links-header.gif);
  background-position:   left bottom;
  background-repeat:     no-repeat;    
  text-align:            left;
  padding-left:          15px;
}


div.directory-link h4 a {
 color:                 #fff;
 text-decoration:       none;
}

div.directory-link .link-image {
  text-align:            center;  
  height:                80px;
  width:                 80px;
  float:                 left;
  padding:               5px 5px 5px 5px;
}

div.directory-link .view-link {
 position: relative;
 bottom: 0px;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #ccc;
 width: 100px;
 height: 16px;
 float: right;
 text-align: center;
}

div.directory-link .view-link a {
  text-decoration:       none;
}
/* End Directories Page */
/* Main CSS file */
body
{
  background-color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size: small;

  margin: 0;
  padding: 0;
  color: #000000;
}


a
{
  color: #0000ff;
  font-weight: bold
}

a:hover
{
  color: #ff0000
}

input,
textarea,
select
{
  margin-bottom: 2px;
  font-family: arial, helvetica, sans-serif;

  font-size: small;
}

option.optgroup
{
  background-color: #44aaff;
  font-weight: bold;
}

.content-block
{ 
  border: none;
  background-color: #ffffff;
  margin: 3px 0px 3px 0px;
  padding: 5px;
  text-align: left;
}

.row-unavailable
{
  color: #d99999;
  font-weight: bold;
  margin-top: 0.4em;
  font-style: italic;
}

.field-unavailable
{
  background-color: #DDDDDD;
  color: #AAAAAA
}

.field-error
{
  background-color: #ff9999;
}

.field-name
{
  color: #d90000;
  font-weight: bold;
  margin-top: 0.4em;
  text-align: left;
}

.field-data
{
  color: #000000;
  text-align: left;
}

h1
{
  text-align: left;
}

.brand-default-option
{
  background-color: inherit;
  color: #000099;
  font-weight: bold;
}

#other-content
{
  float: right;
  width: 572px
}

.full-page-title .content-block
{
  background-color: #cccccc;
  border-bottom: 1px solid #999999;
  color: #333333;
}


#other-heading h1
{
  font-size: large;
  margin-top: 2px;
}

#other-basic-info-extra
{
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}

.full-page-block,
#tourist-info
{
  width: 780px;


}

#tourist-info
{
  font-weight: bold;
}

#other-list
{ 
  width: 780px;

}

#other-heading .content-block
{
  background-color: #ffff00;
  color: #d70000;
  background-repeat: no-repeat;
  background-position: bottom right;
}

table.list
{
  background-color:           #EEEEEE;
  border:                     1px solid #aaa;
  border-collapse:            collapse;
  border-spacing:             0pt;
  empty-cells:                show;
  padding:                    2px;
  margin:                     1px;
}

table.list tr.selected td
{
  background-color: #f9d8f9;
}

/* Because IE doesn't handle :hover on anything but anchors we need a highlight class for
 * highlighting clickable rows
 */
table.list tr.highlight td
{
  background-color:           #fff;
  cursor: pointer
}

table.list th
{ 
  background-color:           #aaa;
  color:                      #ffffff;
  border-bottom:              1px solid #aaa;
  empty-cells:                show;
  padding:                    2px;
}

table.list th.subhead
{ 
  background-color:           #aaa;
  color:                      #333366;
  padding:                    2px;
  vertical-align:             middle;
  font-weight:                `normal;
}

table.list th.left-side
{
  text-align:                 left;
  border-right:               1px solid #aaa;
}

table.list th a
{
  color: #ffffff;
}

table.list td
{
  border-bottom:              1px solid #aaa;
  border-right:               1px solid #aaa;
  empty-cells:                show;
  padding:                    8px 2px 8px 2px;
  color:                      #000;
}

.ml-input-tabs a
{ 
  padding: 3px;
  margin: 2px;
  margin-bottom: 0;

  text-decoration: none;

  display: block;
  float: left;

  min-width: 3em;
  text-align: center;
  background-color: #47a6bd;
  border: 1px solid #336699;
  border-bottom: none;
}

.ml-input-tabs a:hover
{
  background-color: #87e6ff; 
}

.ml-input-tabs a.selected 
{
  background-color: #67c6dd;
  border:   1px solid #336699;
  border-bottom: none;
}

.ml-input-area
{ 
  clear: both;
  background-color: #67c6dd;
  padding: 5px;
  margin: 0;
  
  border: 1px solid #336699;
}

div.console div#page-area1 div#page-title div.content-block
{
  background-color: #ffff00;
  color: #d70000;
  background-repeat: no-repeat;
  background-position: bottom right;
}


div.console #page-area2 div.content-block
{
  background-color: #ffff00;
  background-repeat: no-repeat;
  background-position: bottom right;
}


.banner {
  margin:                     2px 0px 2px 0px;
}

/* -*-CSS-*- Category stuff */

.ct-n
{
  background-color: #eeeeee
}
.ct-l
{
  background-color: #dddddd
}
.ct-n-sel
{
  background-color: #aaffff
}
.ct-t
{ 
  background-color: #ff8888
}
.ct-s
{
  background-color: #88ff88
}
.ct-s-t
{
  background-color: #ffff88
}



.basket-link
{
  text-align: right;
}


/* Supplier Display START */
.category-member-entry  {
  margin: 3px 6px 3px 6px;
  position: relative;  
}

.category-member-entry .category-name { 
  width: auto;
  padding: 5px;
  padding: 0px 0px 5px 5px;
  font-weight: bold;
}

.category-member-entry .category-address { 
  padding: 5px 0px 0px 5px;
  color: #000000;
}

.category-member-entry .category-information-block {
  background-color: #E4F9FF;
}

.item {
  background-color: #FFFFFF;
  border-top: dashed 1px grey;
  color: #000000;
  padding: 2px 0px 2px 0px;
}

/* Full Entry Specific */
.category-full {
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #AAAAAA;
  margin-bottom: 15px;
}


.category-full .category-name { 
  font-size: 1.1em;
}

.category-full .category-logo { 
  position:         relative;
  left:             5px;
  height:           60px;
  width:            120px;
  /*padding:          5px 5px 5px 5px;*/
}

.category-full .category-description {
  position:         absolute;
  left:             150px;
  top:              20px;
  width:            440px;
  color:            #000000;
  font-style: italic;
  padding:          5px 5px 5px 5px;
}
div.find .category-full .category-description { 
  left: 125px;
  width: 315px;
  top: 21px;
}

.category-full .category-image {
  position:         absolute;
  right:            16px;
  top:              4px;
}
div.find .category-full .category-image { 
  right: 1px;
  top: 6px;
}

/* BASIC ENTRY SPECIFIC */
.category-basic {
  margin:           5px 0px 0px 0px;
  position:         relative;
  height:           5.0em;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.category-basic .category-information-block{
  background-color: #FFFFFF;
}

.category-basic .category-description
{
  padding:          2px 3px 2px 3px;
  text-align:       justify;
}
  







/* Supplier Display END */*/
/* -*-CSS-*- */

div.directory div.browse 
{
  width: 780px
}

#browse-region-select
{
  width: 780px;


}


/* FIND STUFF */
#directoryfinder {
 font-size: 0.85em;
}
#directoryfinder #df-area1 {
 width: 160px;
 float: right;
}

#directoryfinder #df-area2 {
 float: left;
 width: 610px;
}

#directoryfinder #df-area1 .rollupboxcontent {

}
#directoryfinder #df-area2 .featured{
 width: 140px;
 float: left;
 margin-left: 10px;
}
#directoryfinder dl#browse-regions {
 width: 160px; 
 float: left;
}

#filters h4 {
 margin: 0;
 font-weight: normal;
}
.alt-search {
 text-align: right;
}

.rollupbox {
 background-color: #D3E6F5
 border: 1px solid #ccc;
 margin: 0px 0px 3px 0px;
}

.rollupbox {
 border-color: #ccc;
}

.sea-recreations .rollupboxheader,
.sea-availability .rollupboxheader,
.sea-facilitys .rollupboxheader,
.rollupboxheader {
 background-color: #D3E6F5;
 background-position:        top left;
 background-repeat:          no-repeat;
 padding:                    2px 1px 2px 16px;
 color: blue;
 cursor: pointer;
}
.rollupbox.rbdown .rollupboxheader:hover,
.rollupbox.rbup .rollupboxheader:hover
{
 background-color: #CCC;
 text-decoration: underline;
}
.rollupbox.rbdown .rollupboxheader {
  background-image: url(/frontend/images/icons/rollupbox_open.gif);
}

.rollupbox.rbup .rollupboxheader {
 background-image: url(/frontend/images/icons/rollupbox_closed.gif);
}

.rbdefault {
  background-color: #fff;
}

.rollupboxcontent {
  background-color:           #eee;
  padding:                    2px;
}

.rollupboxcontent td {
  padding: 0px;
}

.rollupboxcontent select {
  width:                      115px;
}

.sea-categories .rollupboxcontent input,
.rbdefault .rollupboxcontent input {
  width:                      115px;
}

/* HQL */
.hql
{ 
  margin: 1px;
}

.hql .hqlitem
{
  text-align: right;
  background-color: #eee;
  padding: 2px 4px 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
}

.hql .hqlitem img
{ 
  vertical-align: middle;
  border: 0px solid #999999;
}

/* END FIND */
/* -*-CSS-*- */

acronym
{
 border-bottom-width: 1px;
 border-bottom-style: dotted
}

div.banner { text-align: center; }

div.clear { clear: both }
div.lclear { clear: left }
div.rclear { clear: right }

div.message,
div.error-message,
div.warning-message,
div.success-message
{
 border: 1px solid #000;
 background: #FFF;
 padding: 2px;
 font-weight: bold;
}

div.message { color: #000 }
div.error-message { color: #f00 }
div.warning-message { color: #f60 }
div.success-message { color: #0a0 }

div.error-message ul,
div.warning-message ul,
div.success-message ul { color: #000; font-weight: normal }

table.structural
{
 padding: 0;
 margin: 0;
 border: 0px;
 border-width: 0px;
 border-spacing: 0;
 border-collapse: collapse;
}

table.structural td { margin: 0; padding: 0; border: 0px }
td > form, th > form { margin-bottom: 0px }

.helptext { font-size: 80% }

.multipage { text-align: center; margin: 0.5em 0px }

.negative-number { color: #f00 }


.availcal .availcalmo { border: 1px solid #808080 }
.availcal .availcalmo td
{
 padding: 0;
 margin: 0;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 text-align: center;
 background-color: #FFF;
 color: #000;
}
.availcal .availcalmo .availcalmt { background-color: #f0f0f0 }
.availcal .availcalmo .availcal_unavail { background-color: #bcbcbc; color: #000 }
.availcal .availcalmo .availcal_unknown { background-color: #dedede; color: #000 }
.availcal .availcalmo .availcal_req { background-color: #fe6; color: #000 }
.availcal .availcalmo .availcal_avail { background-color: #c7f28e; color: #000 }
.availcal .availcalmo .availcal_req_in { background-color: #fc0; color: #000 }
.availcal .availcalmo .availcal_avail_in { background-color: #9dea8a; color: #000 }

/* Calendar on View page */
.availability-calendar
{
 vertical-align: top;
 text-align: center;
 background-color: transparent;
}
.availability-calendar-plain table
{
 font-size: 12px;
}
.availability-calendar-navigation
{
 text-align: center;
}
.availability-calendar-navigation img
{
 border: none;
 text-decoration: none;
}

/* Brand Console Links */
.brandconsolelinks {
 margin: 3px 0px 3px 0px;
 padding: 3px;
 background-color: #dde;
 border: 1px dashed #ccc;
}
.brandconsolelinks a {
 display: block;
 float: left;
 margin-right: 5px;
 padding: 1px 4px;
 text-decoration: none;
 background-color: #C00;
 color: #fff;
 border: 1px solid #FFF;
}
.brandconsolelinks a:hover {
 background-color: #FFF;
 color: #000;
 text-decoration: none;
 border: 1px solid #C00;
}
.brandconsolelinks .advertconddesc {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 1px 4px;
}
.brandconsolelinks .advertconddesc .advertcond {
  font-style: italic;
}
.brandconsolelinks .advertconddesc .advertcondmh {
  font-weight: bold;
}
.brandconsoleinfo {
 margin: -3px 0px 3px 0px;
 padding: 3px;
 background-color: #eef;
 border-width: 0px 1px 1px 1px;
 border-style: dashed;
 border-color: #ccc;
}
/* -*- CSS -*- Directories */

#browse-region-map { float: right }

#region-breadcrumbs { margin-bottom: 1em; width: auto }

dl#browse-regions
{ 
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-align: left;
}

#directoryfinder #browse-shortcut-links { margin-bottom: 2px }

#directoryfinder #df-area1 { float: left; width: 160px }

#directoryfinder #df-area1 input,
#directoryfinder #df-area1 select { width: 140px }
#directoryfinder #df-area1 #from-d,
#directoryfinder #df-area1 #from-m,
#directoryfinder #df-area1 #from-y,
#directoryfinder #df-area1 #from-f { width: auto }

#directoryfinder #df-area1 #season-from-d,
#directoryfinder #df-area1 #season-from-m,
#directoryfinder #df-area1 #season-to-d,
#directoryfinder #df-area1 #season-to-m,
#directoryfinder #df-area1 #fe26,
#directoryfinder #df-area1 .sea-facilitys input,
#directoryfinder #df-area1 .sea-recreations input { width: auto }

#directoryfinder #df-area1 .sea-facilitys input[type=submit],
#directoryfinder #df-area1 .sea-recreations input[type=submit] { width: 140px }

#directoryfinder #df-area1 .alt-search { 
 font-size: 0.85em;
 padding-left: 1em;
}
#directoryfinder #df-area1 form {
 margin: 0;
}
#directoryfinder dl.tree-closed { display: none }

#directoryfinder #df-area2 { float: right; left: 165px; width: 580px }

#directoryfinder #df-area2 #df-hql
{ 
 margin: 2px 2px 6px 2px;
 border-bottom: 2px ridge #cccccc;
}

#directoryfinder #df-area2 #df-primary
{
 margin: 6px 2px 2px 2px;
 text-align: left;
}

#directoryfinder #list-featured-entry
{ 
 float: right;
 width: 120px;
 text-align: center;
}

#directoryfinder #list-legend { width: auto }
#directoryfinder #directory-xlink { width: 440px }

#directoryfinder #list-online-booking-toggle { 
 font-size: 0.85em;
}

/* Lodgings Member Type Filter */
.lodging-member-type-filter {
 clear: both;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #eee;
 padding: 3px 0 3px 5px;
}
.lodging-member-type-filter h4 {
 display: inline;
}
.lodging-member-type-filter ul {
display: inline;
 padding-left: 1em;
}
.lodging-member-type-filter li {
 display: inline;
 padding-right: 1.5em;
}

.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #eee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #eee;
	color: #000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset #fff;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}
/* -*- CSS -*- HQL */

.hql { margin: 1px }

.hql .hqlitem
{
 text-align: right;
 background-color: #cdf;
 padding: 2px 4px 2px 5px;
 margin: 2px;
 border: 1px solid #808080;
}

.hql .sea-features .hqlitem { background-color: #fcc }
.hql .sea-facilitys .hqlitem { background-color: #beb }
.hql .sea-recreations .hqlitem { background-color: #eea }
.hql .hqlitem .hqltext { font-weight: bold }
.hql .hqlitem img { vertical-align: baseline; border: 1px solid #999 }
.hql .parks-online-booking .hqlitem { background-color: #FC0 }
.hql .sea-availability .hqlitem { background-color: #8d8 }
/* -*- CSS -*- Rollupboxes */
#filters h4 {
 margin-bottom: 0;  
}
.rollupbox { border: 1px outset #000; margin-top: 0px; margin-bottom: 3px }

.rollupboxheader
{
 background-color: #34b3d1;
 background-position: top left;
 background-repeat: no-repeat;
 color: #fff;
 font-weight: bold;
 text-align: right;
 padding: 1px 3px 1px 34px;
 cursor: pointer;
}
.rollupbox.rbdown .rollupboxheader:hover,
.rollupbox.rbup .rollupboxheader:hover
{
 background-color: #006;
 text-decoration: underline;
}

.rollupbox.rbdown .rollupboxheader:active,
.rollupbox.rbup .rollupboxheader:active
{
 background-color: #009;
}

.rollupbox.rbdown .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_open.gif) }
.rollupbox.rbup .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_closed.gif) }

.rbdefault .rollupboxcontent { background-color: #cdf }

.rollupboxcontent { border-top: 1px solid #000; color: #000; padding: 3px }

.sea-availability .rollupboxheader { background-color: #6a6 }
.sea-availability .rollupboxcontent { background-color: #8d8 }
.sea-facilitys .rollupboxheader { background-color: #8b8 }
.sea-facilitys .rollupboxcontent { background-color: #beb }
.sea-features .rollupboxheader { background-color: #c99 }
.sea-features .rollupboxcontent { background-color: #fcc }
.sea-recreations .rollupboxheader { background-color: #bb7 }
.sea-recreations .rollupboxcontent { background-color: #eea }
/* -*- CSS -*- Gallery */
.gallery {
  text-align: center;
  margin: 5px;
}
.gallery .thumbnails ul {
  list-style-type: none;
}
.gallery .thumbnails li {
  float: left;
  margin: 3px;
}
.gallery .thumbnails img {
  border-width: 3px;
  border-color: #ccc;
  border-style: solid;
}
.gallery #current-thumb img {
  border-color: #000;
}
.gallery .thumbnails a:hover img {
  border-color: #00F;
}

/* Facilities Page */
ul.facilities {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 15px;
}
ul.facilities li {
  width: 245px;
  float: left;
}/* Google Maps Styling */
#full-locationmap #locationmap{
 width: 600px;
 height: 500px;
 margin: 0 auto;
}
.googlemaps-label {
 text-align: left;
 width:230px;
}
.googlemaps-label table {
 border-collapse: collapse;
 margin-top: 3px;
 border-top: 1px solid #ccc;
}
.googlemaps-label table td {
 vertical-align: top;
 padding-top: 3px;
}
.googlemaps-label .address {
 font-size: 0.85em;
}
.googlemaps-label .name {
 font-weight:bold;
}

.directory #locationmap .tooltip {
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 0 3px 0 3px;
 text-align: center;
}
/* System Messages */
.systemmessages { border: 1px solid #000; padding: 5px; background: #cc9 }
.systemmessages .systemmessage { border: 1px solid #666; padding: 3px; margin: 5px 0px; background: #ffc }
.systemmessages .systemmessage .systemmessagetitle { font-weight: bold }
.systemmessages .systemmessage .systemmessagemessage { margin: 5px 0px }
.systemmessages .systemmessage .systemmessagedates { font-style: italic }

/* Recently Viewed */
.recentlyvieweds .recentlyviewed { float: left; width: 134px; margin: 0px 3px; text-align: center }
.recentlyvieweds .recentlyviewed img { border: 0; text-align: center }
.recentlyvieweds .recentlyviewed a span { display: block; margin-left: 7px; height: 80px; width: 114px; background-color: #ccc }
.recentlyvieweds .recentlyviewed .recentlyviewedadd { margin-top: 10px; font-size: 80%}

table.list#statisticstable td.datum1 { background-color: #e4ffff }
table.list#statisticstable td.datum2 { background-color: #c4e9f2 }
/* -*-CSS-*- Page layout style 1: small area on left, big area on right */
div#page-area1 { float: right; width: 572px }
div#page-area2 { width: 185px; left: 0; float: left }
/* -*-CSS-*- Common console */

div.console div#page-area1 div#page-title div.content-block h1
{ 
 font-size: large;
 margin-top: 2px;
}

div.console table.list tr.duplicateemail td { background-color: #ffa0a0 }
div.console table.list tr.invalidemail td { background-color: #e9d3a0 }
div.console table.list tr.notsent td { background-color: #ff6060 }
div.console table.list.compact td { font-size: smaller }

/* -*-CSS-*- Comments */

#comment-body
{
 margin: 0;
 padding: 0;
 width: auto;
 background-color: #fff;
 color: #000;
 text-align: left;

 font: small arial, helvetica, sans-serif;
}


.comment-page { padding: 3px }

.comment-inset
{
 border-top: 8px solid #9cf;
 border-left: 2px solid #9cf;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 3px;
}

.comment-unhandled
{
 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 5px;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-important
{
 float: right;
 background-color: #fcc;
 border: 1px solid #000;
 padding: 2px 2px 0px 2px;
 font-weight: bold;
}

.comment-handled, .comment
{
 padding: 5px;

 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-next
{
 font-style: italic;
 text-align: right;
 color: #000;
}

.comment-next input,
.comment-next select
{
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-next-done
{
 font-style: italic;
 text-decoration: line-through;
 text-align: right;
 color: #000;
}

.comment-changeimportance,
.comment-changeimportance input
{
 text-align: right;
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-what
{
 color: #333;
 margin-bottom: 2px
}

.comment-who-when
{
 color: #000;
 font-weight: bold;
 margin-bottom: 2px
}

#comment-body a,
.comment a,
.comment-unhandled a,
.comment-handled a
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:link,
.comment a:link,
.comment-unhanded a:link,
.comment-handled a:link
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:hover,
.comment a:hover,
.comment-unhandled a:hover,
.comment-handled a:hover
{
 color: #f00;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:visited,
.comment a:visited,
.comment-unhandled a:visited,
.comment-handled a:visited
{
 color: #c0c;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body table.tabs td
{
 text-align: center;
 background-color: #9cf;
 border: 1px solid #333;
}

#comment-body table.tabs td:hover
{
 background-color: #bdf;
}

#comment-body table.tabs td.selected
{
 background-color: #fff;
 border: 1px solid #333;
 border-bottom: none;
}

#comment-body .field-name
{
 color: #d90000;
 font-weight: bold;
 margin-top: 0.4em;
 text-align: left;
}

#comment-body .field-data
{
 color: #000;
 text-align: left;
}


#comment-body table.list
{
 background-color: #c4e9f2;
 border: 1px solid #34b3d1;
 border-collapse: collapse;
 border-spacing: 0pt;
 empty-cells: show;
 padding: 2px;
 margin: 1px;
}

#comment-body table.list th
{ 
 background-color: #34b3d1;
 color: #fff;
 border-bottom: 1px solid #34b3d1;
 empty-cells: show;
 padding: 2px;
}

#comment-body table.list td
{
 border-bottom: 1px solid #34b3d1;
 border-right: 1px solid #34b3d1;
 empty-cells: show;
 padding: 8px 2px;
 color: #006;
}

/* Users Console */

/* User Special Offers */




#userpooloffers {

}
#userpooloffers h3 {
 margin: 0.25em;
}
.userpooloffer {
 padding: 1px;
 clear: both;
 background-color: #eee;
 margin-bottom: 9px;
 border: 1px solid #CCC;
}
.userpooloffer h4 {
 padding: 0.25em;
 margin: 0;
 background-color: #ccc;
}
.userpooloffer img {
 float: right;
}
.userpooloffer .decription {
 font-style: italic;
 margin-bottom: 1em;
}
.userpooloffer .ref {
 padding: 5px 5px 0px 0px;
 width: 18em;
 text-align: center;
 clear: both;
 font-weight: bold;
 border-width: 1px 1px 0px 0px;
 border-style: dashed;
 border-color: #AAA;
 background-color: #FFF;
 float: left;
}
.userpooloffer .offer-footer {
 text-align: left;
 font-size: 0.85em;
 padding: 3px;
}
.userpooloffer .date-expries {
 text-align: right;
 padding-top: 5px;
 font-size: 0.85em; 
 color: #999;
 clear: right;
}
.userpooloffer .email-tel {
 display: inline;
 padding-left: 0.3em;
}

/* Members Console */
#page-summary {
 border-bottom: 1px solid #ccc;
}
#page-summary .content-block {
 padding-bottom: 0.25em;
 margin: 0.25em;
}
#page-summary p {
 margin-top: 0;
 margin-bottom: 0;
}
#members-images {

}
#members-images .members-image {
 float: left;
 margin-right: 8px;
 margin-bottom: 15px;
 padding: 6px;
 border: 1px solid #ccc;
 background-color: #eee;
}
#members-images .members-image h4 {
 margin: 0;
 text-align: center;  
}
#members-images .members-image img {
 border: 1px solid #aaa;
}
#members-images .members-image ul {
 margin: 0;
 list-style-type: none;
 padding: 0;
 font-size: 0.9em;
}
#members-images .members-image li {
 text-align: center;
 margin-top: 3px;
}
#members-images .members-image form {
 display: inline; 
 clear: both;
}
#members-images .members-image .image-edit {
 text-align: center;  
}
#image-upload {
 clear: both;
}

#excluded-images img {
 float: left;
 border: 1px solid #ccc;
}
#excluded-images table {
 float: right;
 width: 300px;
}
#excluded-images table td.field-name {
 width: 90%;
}
/* End Members Console */


/* Layout Editor */
#layout-editor {
 background-color: #369;
 padding: 5px 5px 0px 5px;
 color: #fff;
}
#layout-editor h3 {
 color: #fff;
 text-align: right;
 margin: 0px 20px 10px 0px;
}

.membertypetabs {
 width: 680px;
 margin-bottom: 0px;
 clear: both;
}
.membertypetabs .bottombar {
 border-top: 4px solid #000;
 clear: both;
}
.membertypetabs a {
 display: block;
 float: left;
 text-decoration: none;
 font-weight: bold;
 color: #000;
 font-size: 0.85em;
 width: 5.8em;
 height: 2.0em;
 text-align: center;
 vertical-align: middle;
 margin: 0px 0px 0px 4px;
 margin-top: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.3em;
 background-color: #ccc;
 border-width: 3px 1px 0px 1px;
 border-style: solid;
 border-color: #999;
 background-image: url(/frontend/default/images/brand_console/tabs_mt.png);
 background-position: left top;
}
.membertypetabs a:hover {
 color: #000;
 border-color: #000;
}
.membertypetabs a#current {
 border-color: #000;
 color: #000;
}

#layout-editor .tabs a {
 margin: 0px 0px 0px 4px;
 padding: 3px 10px 3px 10px;
 color: #666666;
 text-decoration: none;
 background-image: url(/frontend/default/images/brand_console/tabs.png);
 background-position: center top;
 border-width: 1px 1px 0px 1px;
 border-style: solid;
 border-color: #666666;
}
#layout-editor .tabs a:hover {
 border-color: #fff;
}
#layout-editor .tabs a#current {
 font-weight: bold;
 border-color: #fff;
 color: #000;
}
/* End Layout Editor */


/* Styles for dp.SyntaxHighlighter */
.dp-highlighter {
 color: #000;
 width: 100%;
 overflow: auto;
 line-height: 100% !important;
 margin: 18px 0px 18px 0px;
}

.dp-highlighter table {
 width: 100%;
 margin: 2px 0px 2px 0px;
 border-collapse: collapse;
 border-bottom: 2px solid #eee;
 background-color: #fff;
}

.dp-highlighter td 
{
 font-family: Courier New;
 font-size: 11px;
}

/* Styles for the tools */

.dp-highlighter .tools-corner {
 background-color: #eee;
 font-size: 9px;
}

.dp-highlighter .tools {
 background-color: #eee;
 padding: 3px 8px 3px 0px;
 border-bottom: 1px solid #808080;
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: silver;
}

.dp-highlighter .tools a {
 font-size: 9px;
 color: #808080;
 text-decoration: none;
}

.dp-highlighter .tools a:hover {
 color: #F0F;
 text-decoration: underline;
}

/* Gutter with line number */

.dp-highlighter .gutter {
 padding-right: 5px; 
 padding-left: 10px; 
 width: 5px;
 background-color: #eee; 
 border-right: 1px solid #808080; 
 color: #808080;
 text-align: right;
 vertical-align: top;
}

/* Single line style */

.dp-highlighter .line {
 padding-left: 10px;
 border-bottom: 1px solid #F7F7F7;
 white-space:nowrap;
}

/* About dialog styles */

.dp-about {
 background-color: #fff;
 margin: 0px;
}

.dp-about table {
 width: 100%;
 height: 100%;
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

.dp-about td {
 padding: 10px;
 vertical-align: top;
}

.dp-about .copy {
 border-bottom: 1px solid #ACA899;
 height: 95%;
}

.dp-about .title {
 color: #F0F;
 font-weight: bold;
}

.dp-about .para {
 margin-bottom: 4px;
}

.dp-about .footer {
 background-color: #ECEADB;
 border-top: 1px solid #fff;
 text-align: right;
}

.dp-about .close {
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
 background-color: #ECEADB;
 width: 60px;
 height: 22px;
}

/* Language specific styles */
.dp-c {}
.dp-c .comment { color: #0F0; }
.dp-c .string { color: #00F; }
.dp-c .preprocessor { color: #808080; }
.dp-c .keyword { color: #00F; }
.dp-c .vars { color: #d00; }

.dp-vb {}
.dp-vb .comment { color: #0F0; }
.dp-vb .string { color: #00F; }
.dp-vb .preprocessor { color: #808080; }
.dp-vb .keyword { color: #00F; }

.dp-sql {}
.dp-sql .comment { color: #0F0; }
.dp-sql .string { color: #F0F; }
.dp-sql .keyword { color: #00F; }
.dp-sql .func { color: #ff1493; }
.dp-sql .op { color: #808080; }

.dp-xml {}
.dp-xml .cdata { color: #ff1493; }
.dp-xml .comments { color: #0F0; }
.dp-xml .tag { color: #00F; }
.dp-xml .tag-name { color: #000; font-weight: bold; }
.dp-xml .attribute { color: #FF0000; }
.dp-xml .attribute-value { color: #00F; }

.dp-delphi {}
.dp-delphi .comment { color: #008200; font-style: italic; }
.dp-delphi .string { color: #00F; }
.dp-delphi .number { color: #00F; }
.dp-delphi .directive { color: #008284; }
.dp-delphi .keyword { font-weight: bold; color: #000080; }
.dp-delphi .vars { color: #000; }

.dp-py {}
.dp-py .comment { color: #0F0; }
.dp-py .string { color: #F0F; }
.dp-py .docstring { color: #A52A2A; }
.dp-py .keyword { color: #00F; font-weight: bold;}
.dp-py .builtins { color: #ff1493; }
.dp-py .magicmethods { color: #808080; }
.dp-py .exceptions { color: #A52A2A; }
.dp-py .types { color: #A52A2A; font-style: italic; }
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }

/* [END] Styles for dp.SyntaxHighlighter *//* -*-CSS-*- Frontend CSS */

#main
{ 
  width: 780px;
}

#footer
{
  background-color: #ffffff; color: #000000;
  text-align: center;
  width: 780px;
  clear: both;
}


#footer a
{
  font-weight: normal;
  font-size: smaller;
  color: #0000cc;
}

#footer a:hover
{
  color: #ff0000;
}

#footer a:active
{
  color: #ff0000;
}

#footer a:visited
{
  color: #330099;
}
/* BASIC HTML */
body {
  padding: 0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* END BASIC HTML */

/* Site */
#site {
  margin: 0 auto;
  width: 760px; 
}

#header-bar {
  height: 100px;
  background-image: url(../images/header.png);
}
#header {

}
#header-content {
  margin-top: 1em;
  width: 175px;
  float: right;
}

#menubar {
  padding: 0.20em;
  background-color: #AED6EF;
  clear: both;
}
#menubar a {
  padding: 0px 8px 2px 6px;
}
#menubar table {
border-spacing: 0;
border-collapse: yes;
}*/

#pathway {
  padding: 2px;
  font-size: 0.8em;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #ccc;
  margin-top: 0.7em;
}

#leftbox {
 width: 125px;
 float: left;
}
#leftbox .moduletable {
  margin-top: 2em;
  border-collapse: collapse;
}
#leftbox .moduletable th {
  padding: 2px;
}
#leftbox .moduletable td {
  padding-bottom: 2px;
}
/* Menu */
.mainlevel {
 padding-left: 23px;
}
a#active_menu {
 background-image: url(../images/menu_pointer.gif);
 background-repeat: no-repeat;
 background-position: left top; 
}

#rightbox {
 width: 140px;
 float: right;
 font-size: 0.9em;
 background-color: #B1D4F0;
}
#leftbox .moduletable,
#rightbox .moduletable  {
 margin-bottom: 10px;
 text-align: left;
}

#rightbox .moduletable ul {
  margin:0;
  padding:0;
  padding-left: 3px;
}
#rightbox .moduletable ul li {
  list-style-image: url(../images/listmarker.gif);
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0.5em 0px;
}
#rightbox #extcal_minical table.extcal_weekdays td {
 padding: 0px;
 font-size: 10px;
}

#rightbox .extcal_daycell {
 padding: 1px;
}

#contentbox {
 width: 490px;
 padding: 2px 2px 0px 0px;
 background-image: url(../images/back_curve.png);
 background-repeat: no-repeat;
 background-position: right top; 
 min-height: 200px;
}

#footer {
 border-top: 1px solid #CCC;
}
/* End Site */

/* Joomla! Styles */
.contentheading {
  font-size: 1.1em;
  padding-top: 10px;
  padding-bottom: 3px;
}
.modifydate,
.createdate {
  font-size: 0.8em;
  font-style: italic;
}
.small {
  font-size: 0.8em;
}






.sectiontableheader {
  border-bottom: 1px solid #AED6EF;
  padding-top: 2px;
  padding-bottom: 2px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.sectiontableentry2 {
  background-color: #eee;
}


/* Component */
.componentheading {
  font-size: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  color: #333;
  border-bottom: 1px solid #AED6EF;
  font-weight: bold;
}

.contentdescription p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-style: italic;
}

/* End Joomla! Styles */


/* ========================================================================== */
/* CSUK Directory */

div.clear  { clear: both; }

div.directory .content-block {
  padding: 5px 0px 5px 0px;
}

table.list {
  margin:                     3px 0px 2px 0px;
  border:                     1px solid #84B087;
  border-collapse: collapse;
  border-spacing: 0pt;
}
table.list th {
  background-color:           #84B087;
  padding:                    1px;
  margin:                     0px;
  color:                      #FFF;
  text-align:                 center;
  border-bottom:              1px solid #fff;
}
table.list th.subhead {
 font-weight:                normal;
 border-bottom:              none;
}

div.directory .full-page-title h1 {
 display: block;
 margin: 0;
 font-size: 1.4em;
 color: #0099CC;
}

.multipage {
  text-align:                 center;
}


/* End CSUK Directory */


/* Directories Page */
div.directory-links {
 padding-left:           0px;
}

div.directory-link {
 width: 400px;
 height: 120px;
 margin: 0px 5px 14px 17px;
 float: left;
}

div.directory-link .description {
 background-color: #EEE;
 border: 1px solid #CCC;
 height: 90px;
}


div.directory-link h4 {
  margin:                0px 0px 0px 0px;
  padding:               2px 0px 2px 0px;
  text-align:            center;
  background-image:      url(/frontend/images/links-header.gif);
  background-position:   left bottom;
  background-repeat:     no-repeat;    
  text-align:            left;
  padding-left:          15px;
}


div.directory-link h4 a {
 color:                 #fff;
 text-decoration:       none;
}

div.directory-link .link-image {
  text-align:            center;  
  height:                80px;
  width:                 80px;
  float:                 left;
  padding:               5px 5px 5px 5px;
}

div.directory-link .view-link {
 position: relative;
 bottom: 0px;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #ccc;
 width: 100px;
 height: 16px;
 float: right;
 text-align: center;
}

div.directory-link .view-link a {
  text-decoration:       none;
}
/* End Directories Page */
/* Main CSS file */
body
{
  background-color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size: small;

  margin: 0;
  padding: 0;
  color: #000000;
}


a
{
  color: #0000ff;
  font-weight: bold
}

a:hover
{
  color: #ff0000
}

input,
textarea,
select
{
  margin-bottom: 2px;
  font-family: arial, helvetica, sans-serif;

  font-size: small;
}

option.optgroup
{
  background-color: #44aaff;
  font-weight: bold;
}

.content-block
{ 
  border: none;
  background-color: #ffffff;
  margin: 3px 0px 3px 0px;
  padding: 5px;
  text-align: left;
}

.row-unavailable
{
  color: #d99999;
  font-weight: bold;
  margin-top: 0.4em;
  font-style: italic;
}

.field-unavailable
{
  background-color: #DDDDDD;
  color: #AAAAAA
}

.field-error
{
  background-color: #ff9999;
}

.field-name
{
  color: #d90000;
  font-weight: bold;
  margin-top: 0.4em;
  text-align: left;
}

.field-data
{
  color: #000000;
  text-align: left;
}

h1
{
  text-align: left;
}

.brand-default-option
{
  background-color: inherit;
  color: #000099;
  font-weight: bold;
}

#other-content
{
  float: right;
  width: 572px
}

.full-page-title .content-block
{
  background-color: #cccccc;
  border-bottom: 1px solid #999999;
  color: #333333;
}


#other-heading h1
{
  font-size: large;
  margin-top: 2px;
}

#other-basic-info-extra
{
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}

.full-page-block,
#tourist-info
{
  width: 780px;


}

#tourist-info
{
  font-weight: bold;
}

#other-list
{ 
  width: 780px;

}

#other-heading .content-block
{
  background-color: #ffff00;
  color: #d70000;
  background-repeat: no-repeat;
  background-position: bottom right;
}

table.list
{
  background-color:           #EEEEEE;
  border:                     1px solid #aaa;
  border-collapse:            collapse;
  border-spacing:             0pt;
  empty-cells:                show;
  padding:                    2px;
  margin:                     1px;
}

table.list tr.selected td
{
  background-color: #f9d8f9;
}

/* Because IE doesn't handle :hover on anything but anchors we need a highlight class for
 * highlighting clickable rows
 */
table.list tr.highlight td
{
  background-color:           #fff;
  cursor: pointer
}

table.list th
{ 
  background-color:           #aaa;
  color:                      #ffffff;
  border-bottom:              1px solid #aaa;
  empty-cells:                show;
  padding:                    2px;
}

table.list th.subhead
{ 
  background-color:           #aaa;
  color:                      #333366;
  padding:                    2px;
  vertical-align:             middle;
  font-weight:                `normal;
}

table.list th.left-side
{
  text-align:                 left;
  border-right:               1px solid #aaa;
}

table.list th a
{
  color: #ffffff;
}

table.list td
{
  border-bottom:              1px solid #aaa;
  border-right:               1px solid #aaa;
  empty-cells:                show;
  padding:                    8px 2px 8px 2px;
  color:                      #000;
}

.ml-input-tabs a
{ 
  padding: 3px;
  margin: 2px;
  margin-bottom: 0;

  text-decoration: none;

  display: block;
  float: left;

  min-width: 3em;
  text-align: center;
  background-color: #47a6bd;
  border: 1px solid #336699;
  border-bottom: none;
}

.ml-input-tabs a:hover
{
  background-color: #87e6ff; 
}

.ml-input-tabs a.selected 
{
  background-color: #67c6dd;
  border:   1px solid #336699;
  border-bottom: none;
}

.ml-input-area
{ 
  clear: both;
  background-color: #67c6dd;
  padding: 5px;
  margin: 0;
  
  border: 1px solid #336699;
}

div.console div#page-area1 div#page-title div.content-block
{
  background-color: #ffff00;
  color: #d70000;
  background-repeat: no-repeat;
  background-position: bottom right;
}


div.console #page-area2 div.content-block
{
  background-color: #ffff00;
  background-repeat: no-repeat;
  background-position: bottom right;
}


.banner {
  margin:                     2px 0px 2px 0px;
}

/* -*-CSS-*- Category stuff */

.ct-n
{
  background-color: #eeeeee
}
.ct-l
{
  background-color: #dddddd
}
.ct-n-sel
{
  background-color: #aaffff
}
.ct-t
{ 
  background-color: #ff8888
}
.ct-s
{
  background-color: #88ff88
}
.ct-s-t
{
  background-color: #ffff88
}



.basket-link
{
  text-align: right;
}


/* Supplier Display START */
.category-member-entry  {
  margin: 3px 6px 3px 6px;
  position: relative;  
}

.category-member-entry .category-name { 
  width: auto;
  padding: 5px;
  padding: 0px 0px 5px 5px;
  font-weight: bold;
}

.category-member-entry .category-address { 
  padding: 5px 0px 0px 5px;
  color: #000000;
}

.category-member-entry .category-information-block {
  background-color: #E4F9FF;
}

.item {
  background-color: #FFFFFF;
  border-top: dashed 1px grey;
  color: #000000;
  padding: 2px 0px 2px 0px;
}

/* Full Entry Specific */
.category-full {
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #AAAAAA;
  margin-bottom: 15px;
}


.category-full .category-name { 
  font-size: 1.1em;
}

.category-full .category-logo { 
  position:         relative;
  left:             5px;
  height:           60px;
  width:            120px;
  /*padding:          5px 5px 5px 5px;*/
}

.category-full .category-description {
  position:         absolute;
  left:             150px;
  top:              20px;
  width:            440px;
  color:            #000000;
  font-style: italic;
  padding:          5px 5px 5px 5px;
}
div.find .category-full .category-description { 
  left: 125px;
  width: 315px;
  top: 21px;
}

.category-full .category-image {
  position:         absolute;
  right:            16px;
  top:              4px;
}
div.find .category-full .category-image { 
  right: 1px;
  top: 6px;
}

/* BASIC ENTRY SPECIFIC */
.category-basic {
  margin:           5px 0px 0px 0px;
  position:         relative;
  height:           5.0em;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.category-basic .category-information-block{
  background-color: #FFFFFF;
}

.category-basic .category-description
{
  padding:          2px 3px 2px 3px;
  text-align:       justify;
}
  







/* Supplier Display END */*/
/* -*-CSS-*- */

div.directory div.browse 
{
  width: 780px
}

#browse-region-select
{
  width: 780px;


}


/* FIND STUFF */
#directoryfinder {
 font-size: 0.85em;
}
#directoryfinder #df-area1 {
 width: 160px;
 float: right;
}

#directoryfinder #df-area2 {
 float: left;
 width: 610px;
}

#directoryfinder #df-area1 .rollupboxcontent {

}
#directoryfinder #df-area2 .featured{
 width: 140px;
 float: left;
 margin-left: 10px;
}
#directoryfinder dl#browse-regions {
 width: 160px; 
 float: left;
}

#filters h4 {
 margin: 0;
 font-weight: normal;
}
.alt-search {
 text-align: right;
}

.rollupbox {
 background-color: #D3E6F5
 border: 1px solid #ccc;
 margin: 0px 0px 3px 0px;
}

.rollupbox {

}

.sea-recreations .rollupboxheader,
.sea-availability .rollupboxheader,
.sea-facilitys .rollupboxheader,
.rollupboxheader {
 background-color: #D3E6F5;
 background-position:        top left;
 background-repeat:          no-repeat;
 padding:                    2px 1px 2px 16px;
 color: blue;
 cursor: pointer;
}
.rollupbox.rbdown .rollupboxheader:hover,
.rollupbox.rbup .rollupboxheader:hover
{
 background-color: #CCC;
 text-decoration: underline;
}
.rollupbox.rbdown .rollupboxheader {
  background-image: url(/frontend/images/icons/rollupbox_open.gif);
}

.rollupbox.rbup .rollupboxheader {
 background-image: url(/frontend/images/icons/rollupbox_closed.gif);
}

.rbdefault {
  background-color: #fff;
}

.rollupboxcontent {
  background-color:           #eee;
  padding:                    2px;
}

.rollupboxcontent td {
  padding: 0px;
}

.rollupboxcontent select {
  width:                      115px;
}

.sea-categories .rollupboxcontent input,
.rbdefault .rollupboxcontent input {
  width:                      115px;
}

/* HQL */
.hql
{ 
  margin: 1px;
}

.hql .hqlitem
{
  text-align: right;
  background-color: #eee;
  padding: 2px 4px 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
}

.hql .hqlitem img
{ 
  vertical-align: middle;
  border: 0px solid #999999;
}

/* END FIND */
/* -*-CSS-*- */

div.directory div.list 
{
  width: 780px;
}

div.directory div.list div#list-featured-entry
{ 
  float: right;
  text-align: center;
  width: 30%;
}

div.directory div.list div#list-legend
{ 
  /* Without this Internet Explorer 6 wrongly makes text disappear */
  width: 65%;
}

/*div.directory div.list div.supplier .full-page-title
{
  display:                    none;
}*/

div.directory div.list table.list
{
  margin:                     0 auto;


}

/* Entries */
.entry {
 margin: 4px auto;
 background-color: #F4F7FC;
 clear: both;
}
.entry .header {
 background-color: #D3E6F5;
}
.entry .header h3 {
 font-size: 13px;
}
.entry .header span { float: right; }
.entry .footer {
 text-align: right;
 clear: right;
}
.entry .label { font-weight: bold; }

#directoryfinder .entry .text-content {
 float: right;
 width: 450px;
 height: 70px;
}
/* Award Logo */
#directoryfinder .entry .text-content img {
 float: left;
 margin: 5px;
}
#directoryfinder .entry img.logo,
#directoryfinder .entry img.grouplogo,
#directoryfinder .entry a.group {
 display: block;
 float: right;
 margin: 0;
}
#directoryfinder .entry .address {
 margin-right: 0.5em;
 font-weight: bold;
}
#directoryfinder .entry .tel_day {
 font-weight: bold;
 font-style: italic;
}
#directoryfinder .entry .description {
 margin-top: 0.35em;
}


.entry .entry_image {
 float:                      left;
 border: 0;
}

.entry br {
 height: 0px;
 padding: 0px;
 margin: 0px;
 width: 0px;
}
.directory .entry .bottom {
 clear:                      both;
}

.entry .header h3 {
 margin: 0px 0px 0px 0px;
 padding: 2px;
}
/* -*-CSS-*- */

/* ------ View Page ------ */

.directory .view #view-main {
 background-color: #F4F7FC;
 clear: both;
}
.directory .view .label,
.directory .view dt {
 font-weight: bold;
}

.directory .view ul.awards {
 float: right;
 margin: 0 20px 0.25em 0;
 text-align: center;
}
.directory .view ul.awards li {
 float: left;
 width: 80px;
 font-size: 11px;
}
.directory .view h2 {
 margin-top: 0px;
 margin-bottom: 3px;  
 color: #0095E3;
}
.directory .view #view-basic-images {
 float: right;
}
.directory .view #view-basic-images img {
 border: 0;
 margin: 0;
}
.directory .view #view-basic-images ul {
 margin: 0;
 padding: 0;
 text-align: center;
}
.directory .view #view-basic-images li {
 display: inline;
 padding-right: 7px;
}
.directory .view #view-basic-info {
 background-color: #DEEFF9;
 padding-bottom: 0.5em;
}

.directory .view .recreations,
.directory .view .facilities,
.directory .view p {
 margin: 0.5em 0;
 padding: 0 5px;
}
.directory .view #view-basic-info p.weblink .label,
.directory .view #view-basic-info p.address .label {
 display: block;
}
.directory .view .lastmodified {
 font-style: italic;
 text-align: center;
}



/* ------ End View Page ------ */
/* NB Thingys are for lodgings too, not just directory */
dl.thingy, .thingy dd { margin: 0; padding: 0; }
.thingy dl { list-style: none; margin-left: 5px; padding-left: 0; width: 165px; }
.thingy dd { margin-top: 2px; padding-top: 2px; border: none; text-align: left; border-bottom: 1px #e09030 dashed; }
.thingy .qty { display: block; float: right; text-align: right; }
.thingy .price { display: block; clear: both; text-align: right; padding-right: 10px; }


dd#li-facility1 { background: transparent url(/frontend/default/images/icons/facilitys_touring_pitches.gif) no-repeat; }
dd#li-facility2 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_owned.gif) no-repeat; }
dd#li-facility3 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_rented.gif) no-repeat; }
dd#li-facility4 { background: transparent url(/frontend/default/images/icons/facilitys_tent_pitches.gif) no-repeat; }
dd#li-facility5 { background: transparent url(/frontend/default/images/icons/facilitys_serviced_pitches.gif) no-repeat; }
dd#li-facility6 { background: transparent url(/frontend/default/images/icons/facilitys_sanitary_blocks.gif) no-repeat; }
dd#li-facility7 { background: transparent url(/frontend/default/images/icons/facilitys_disabled.gif) no-repeat; }
dd#li-facility8 { background: transparent url(/frontend/default/images/icons/facilitys_electricity.gif) no-repeat; }
dd#li-facility9 { background: transparent url(/frontend/default/images/icons/facilitys_bar.gif) no-repeat; }
dd#li-facility10 { background: transparent url(/frontend/default/images/icons/facilitys_restaurant.gif) no-repeat; }
dd#li-facility11 { background: transparent url(/frontend/default/images/icons/facilitys_shop.gif) no-repeat; }
dd#li-facility12 { background: transparent url(/frontend/default/images/icons/facilitys_laundry.gif) no-repeat; }
dd#li-facility13 { background: transparent url(/frontend/default/images/icons/facilitys_pets.gif) no-repeat; }
dd#li-facility14 { background: transparent url(/frontend/default/images/icons/facilitys_take_away.gif) no-repeat; }
dd#li-facility15 { background: transparent url(/frontend/default/images/icons/facilitys_play_area.gif) no-repeat; }
dd#li-facility16 { background: transparent url(/frontend/default/images/icons/facilitys_adult.gif) no-repeat; }
dd#li-facility17 { background: transparent url(/frontend/default/images/icons/facilitys_rallies.gif) no-repeat; }
dd#li-facility18 { background: transparent url(/frontend/default/images/icons/facilitys_drainage.gif) no-repeat; }
dd#li-facility19 { background: transparent url(/frontend/default/images/icons/facilitys_water.gif) no-repeat; }
dd#li-facility20 { background: transparent url(/frontend/default/images/icons/facilitys_cafe.gif) no-repeat; }
dd#li-facility21 { background: transparent url(/frontend/default/images/icons/facilitys_solarium.gif) no-repeat; }
dd#li-facility22 { background: transparent url(/frontend/default/images/icons/facilitys_motorhome_pitches.gif) no-repeat; }
dd#li-facility23 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_owned.gif) no-repeat; }
dd#li-facility24 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_rented.gif) no-repeat; }
dd#li-facility25 { background: transparent url(/frontend/default/images/icons/facilitys_residential_owned.gif) no-repeat; }
dd#li-facility26 { background: transparent url(/frontend/default/images/icons/facilitys_repairs.gif) no-repeat; }
dd#li-facility27 { background: transparent url(/frontend/default/images/icons/facilitys_servicing.gif) no-repeat; }
dd#li-facility28 { background: transparent url(/frontend/default/images/icons/facilitys_accessories.gif) no-repeat; }
dd#li-facility29 { background: transparent url(/frontend/default/images/icons/facilitys_parking.gif) no-repeat; }
dd#li-facility30 { background: transparent url(/frontend/default/images/icons/facilitys_overnight_pitches.gif) no-repeat; }
dd#li-facility31 { background: transparent url(/frontend/default/images/icons/facilitys_awnings.gif) no-repeat; }
dd#li-facility32 { background: transparent url(/frontend/default/images/icons/facilitys_tents.gif) no-repeat; }
dd#li-facility33 { background: transparent url(/frontend/default/images/icons/facilitys_parts.gif) no-repeat; }
dd#li-facility34 { background: transparent url(/frontend/default/images/icons/facilitys_finance.gif) no-repeat; }
dd#li-facility35 { background: transparent url(/frontend/default/images/icons/facilitys_insurance.gif) no-repeat; }
dd#li-facility36 { background: transparent url(/frontend/default/images/icons/facilitys_tourers.gif) no-repeat; }
dd#li-facility37 { background: transparent url(/frontend/default/images/icons/facilitys_motorhomes.gif) no-repeat; }
dd#li-facility38 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes.gif) no-repeat; }
dd#li-facility39 { background: transparent url(/frontend/default/images/icons/facilitys_folding_campers.gif) no-repeat; }
dd#li-facility40 { background: transparent url(/frontend/default/images/icons/facilitys_trailer_tents.gif) no-repeat; }
dd#li-facility41 { background: transparent url(/frontend/default/images/icons/facilitys_seasonal_pitches.gif) no-repeat; }
dd#li-facility53 { background: transparent url(/frontend/default/images/icons/facilitys_mail_order.gif) no-repeat; }
dd#li-facility54 { background: transparent url(/frontend/default/images/icons/facilitys_delivery_service.gif) no-repeat; }
dd#li-facility101 { background: transparent url(/frontend/default/images/icons/facilitys_showroom.gif) no-repeat; }
dd#li-facility102 { background: transparent url(/frontend/default/images/icons/facilitys_wireless_internet.gif) no-repeat; }
#view-facilitys dl dd { padding-left: 24px; min-height: 20px; }

dd#li-recreation1 { background: transparent url(/frontend/default/images/icons/recreations_beach.gif) no-repeat; }
dd#li-recreation2 { background: transparent url(/frontend/default/images/icons/recreations_boat_launch.gif) no-repeat; }
dd#li-recreation3 { background: transparent url(/frontend/default/images/icons/recreations_cycle_hire.gif) no-repeat; }
dd#li-recreation4 { background: transparent url(/frontend/default/images/icons/recreations_fishing.gif) no-repeat; }
dd#li-recreation5 { background: transparent url(/frontend/default/images/icons/recreations_golf.gif) no-repeat; }
dd#li-recreation6 { background: transparent url(/frontend/default/images/icons/recreations_horse_riding.gif) no-repeat; }
dd#li-recreation7 { background: transparent url(/frontend/default/images/icons/recreations_sailing.gif) no-repeat; }
dd#li-recreation8 { background: transparent url(/frontend/default/images/icons/recreations_swim_indoor.gif) no-repeat; }
dd#li-recreation9 { background: transparent url(/frontend/default/images/icons/recreations_swim_outdoor.gif) no-repeat; }
dd#li-recreation10 { background: transparent url(/frontend/default/images/icons/recreations_games_room.gif) no-repeat; }
dd#li-recreation11 { background: transparent url(/frontend/default/images/icons/recreations_tv_room.gif) no-repeat; }
dd#li-recreation12 { background: transparent url(/frontend/default/images/icons/recreations_internet_access.gif) no-repeat; }
dd#li-recreation13 { background: transparent url(/frontend/default/images/icons/recreations_gym.gif) no-repeat; }
dd#li-recreation14 { background: transparent url(/frontend/default/images/icons/recreations_snooker.gif) no-repeat; }
dd#li-recreation15 { background: transparent url(/frontend/default/images/icons/recreations_tennis.gif) no-repeat; }
dd#li-recreation16 { background: transparent url(/frontend/default/images/icons/recreations_entertainment.gif) no-repeat; }
#view-recreations dl dd { padding-left: 24px; min-height: 20px; }



#view-awards dl dd { min-height: 20px; }
#view-awards dl dd .qty span img { vertical-align: top; margin-bottom: 4px; }

#view-reviews dl dd a { display: block; }


/* Residential Parks */

.view .residentialpark #view-title .content-block,
.view .residentialpark #view-summary .content-block
{
  background-color:           #D37375;
}
.view .residentialpark #view-title .content-block a,
.view .residentialpark #view-summary .content-block a
{
  color:                      #061F99;
}
.view .residentialpark #view-title .content-block a:hover,
.view .residentialpark #view-summary .content-block a:hover
{
  color:                      #001F33;
}








/* -*-CSS-*- */

/* NB Some CSS is shared with directory.view */

#view-lodging-facilitys .content-block
{
  background: #ffaa44;
}

div.view div.lodging #view-extnd-info .image
{
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}



/* ------ View Page ------ */
  
#view-header {
  clear:                      both;
}

#view-header-text {
  width:                      179px;
  float:                      left;
  font-size:                0.85em;
}
#view-header-text h2 {
  margin-top:                 0px;
  margin-bottom:              3px;  
}
#view-header-text .address {
  margin:                     0px 0px 4px 0px;
  font-size:                  12px;
}
#view-header-text ul {
  padding-left:                0px;
  margin:                      0 0 10px 0;
  list-style-type:             none;
  list-style-position:         inside;
}
#view-header-image {
  width:                      252px;
  float:                      right;
}
/* ------ End View Page ------ */
/* -*-CSS-*- */

#review-title .content-block
{
  background: #cccccc;
  color: #d70000;
}

#review-title h2
{
  font-size: large;
  margin-top: 2px;
}

.review-head
{
  margin-top: 3px;
  margin-bottom: 0px;
  color: #0000a0;
  font-weight: bold;
}

.review-body
{
  margin-top: 0px;
  margin-bottom: 5px;
}
.bodytextsmall
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px
}
.bodytextbig
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt
}
.bodytextstandard
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}
.bodytextstandardWhite{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.bodytextbold { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; font-weight: bold}
.enlargedbodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
.headLine {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000}
.sideBoxTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF}
.bottomBarWhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
a.bodytextstandardWhite, a.bodytextstandard { font-weight: normal; }
a.bodytextstandardWhite:hover { color: white; }
a.bodytextstandard:hover { color: black; }

/* -*-CSS-*- */

/* ------ View Page ------ */

.directory .view #view-main {
 background-color: #F4F7FC;
 clear: both;
}
.directory .view .label,
.directory .view dt {
 font-weight: bold;
}

.directory .view ul.awards {
 float: right;
 margin: 0 0 0.25em 0;
 text-align: center;
}
.directory .view ul.awards li {
 display: inline;

}
.directory .view h2 {
 margin-top: 0px;
 margin-bottom: 3px;  
 color: #0095E3;
}
.directory .view #view-basic-images {
 float: right;
}
.directory .view #view-basic-images img {
 border: 0;
 margin: 0;
}
.directory .view #view-basic-images ul {
 margin: 0;
 padding: 0;
 text-align: center;
}
.directory .view #view-basic-images li {
 display: inline;
 padding-right: 7px;
}
.directory .view #view-basic-info {
 background-color: #DEEFF9;
 padding-bottom: 0.5em;
}

.directory .view .recreations,
.directory .view .facilities,
.directory .view p {
 margin: 0.5em 0;
 padding: 0 5px;
}
.directory .view #view-basic-info p.weblink .label,
.directory .view #view-basic-info p.address .label {
 display: block;
}
.directory .view .lastmodified {
 font-style: italic;
 text-align: center;
}



/* ------ End View Page ------ */
/* NB Thingys are for lodgings too, not just directory */
dl.thingy, .thingy dd { margin: 0; padding: 0; }
.thingy dl { list-style: none; margin-left: 5px; padding-left: 0; width: 165px; }
.thingy dd { margin-top: 2px; padding-top: 2px; border: none; text-align: left; border-bottom: 1px #e09030 dashed; }
.thingy .qty { display: block; float: right; text-align: right; }
.thingy .price { display: block; clear: both; text-align: right; padding-right: 10px; }


dd#li-facility1 { background: transparent url(/frontend/default/images/icons/facilitys_touring_pitches.gif) no-repeat; }
dd#li-facility2 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_owned.gif) no-repeat; }
dd#li-facility3 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_rented.gif) no-repeat; }
dd#li-facility4 { background: transparent url(/frontend/default/images/icons/facilitys_tent_pitches.gif) no-repeat; }
dd#li-facility5 { background: transparent url(/frontend/default/images/icons/facilitys_serviced_pitches.gif) no-repeat; }
dd#li-facility6 { background: transparent url(/frontend/default/images/icons/facilitys_sanitary_blocks.gif) no-repeat; }
dd#li-facility7 { background: transparent url(/frontend/default/images/icons/facilitys_disabled.gif) no-repeat; }
dd#li-facility8 { background: transparent url(/frontend/default/images/icons/facilitys_electricity.gif) no-repeat; }
dd#li-facility9 { background: transparent url(/frontend/default/images/icons/facilitys_bar.gif) no-repeat; }
dd#li-facility10 { background: transparent url(/frontend/default/images/icons/facilitys_restaurant.gif) no-repeat; }
dd#li-facility11 { background: transparent url(/frontend/default/images/icons/facilitys_shop.gif) no-repeat; }
dd#li-facility12 { background: transparent url(/frontend/default/images/icons/facilitys_laundry.gif) no-repeat; }
dd#li-facility13 { background: transparent url(/frontend/default/images/icons/facilitys_pets.gif) no-repeat; }
dd#li-facility14 { background: transparent url(/frontend/default/images/icons/facilitys_take_away.gif) no-repeat; }
dd#li-facility15 { background: transparent url(/frontend/default/images/icons/facilitys_play_area.gif) no-repeat; }
dd#li-facility16 { background: transparent url(/frontend/default/images/icons/facilitys_adult.gif) no-repeat; }
dd#li-facility17 { background: transparent url(/frontend/default/images/icons/facilitys_rallies.gif) no-repeat; }
dd#li-facility18 { background: transparent url(/frontend/default/images/icons/facilitys_drainage.gif) no-repeat; }
dd#li-facility19 { background: transparent url(/frontend/default/images/icons/facilitys_water.gif) no-repeat; }
dd#li-facility20 { background: transparent url(/frontend/default/images/icons/facilitys_cafe.gif) no-repeat; }
dd#li-facility21 { background: transparent url(/frontend/default/images/icons/facilitys_solarium.gif) no-repeat; }
dd#li-facility22 { background: transparent url(/frontend/default/images/icons/facilitys_motorhome_pitches.gif) no-repeat; }
dd#li-facility23 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_owned.gif) no-repeat; }
dd#li-facility24 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_rented.gif) no-repeat; }
dd#li-facility25 { background: transparent url(/frontend/default/images/icons/facilitys_residential_owned.gif) no-repeat; }
dd#li-facility26 { background: transparent url(/frontend/default/images/icons/facilitys_repairs.gif) no-repeat; }
dd#li-facility27 { background: transparent url(/frontend/default/images/icons/facilitys_servicing.gif) no-repeat; }
dd#li-facility28 { background: transparent url(/frontend/default/images/icons/facilitys_accessories.gif) no-repeat; }
dd#li-facility29 { background: transparent url(/frontend/default/images/icons/facilitys_parking.gif) no-repeat; }
dd#li-facility30 { background: transparent url(/frontend/default/images/icons/facilitys_overnight_pitches.gif) no-repeat; }
dd#li-facility31 { background: transparent url(/frontend/default/images/icons/facilitys_awnings.gif) no-repeat; }
dd#li-facility32 { background: transparent url(/frontend/default/images/icons/facilitys_tents.gif) no-repeat; }
dd#li-facility33 { background: transparent url(/frontend/default/images/icons/facilitys_parts.gif) no-repeat; }
dd#li-facility34 { background: transparent url(/frontend/default/images/icons/facilitys_finance.gif) no-repeat; }
dd#li-facility35 { background: transparent url(/frontend/default/images/icons/facilitys_insurance.gif) no-repeat; }
dd#li-facility36 { background: transparent url(/frontend/default/images/icons/facilitys_tourers.gif) no-repeat; }
dd#li-facility37 { background: transparent url(/frontend/default/images/icons/facilitys_motorhomes.gif) no-repeat; }
dd#li-facility38 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes.gif) no-repeat; }
dd#li-facility39 { background: transparent url(/frontend/default/images/icons/facilitys_folding_campers.gif) no-repeat; }
dd#li-facility40 { background: transparent url(/frontend/default/images/icons/facilitys_trailer_tents.gif) no-repeat; }
dd#li-facility41 { background: transparent url(/frontend/default/images/icons/facilitys_seasonal_pitches.gif) no-repeat; }
dd#li-facility53 { background: transparent url(/frontend/default/images/icons/facilitys_mail_order.gif) no-repeat; }
dd#li-facility54 { background: transparent url(/frontend/default/images/icons/facilitys_delivery_service.gif) no-repeat; }
dd#li-facility65 { background: transparent url(/frontend/default/images/icons/facilitys_internet_access.gif) no-repeat; }
dd#li-facility101 { background: transparent url(/frontend/default/images/icons/facilitys_showroom.gif) no-repeat; }
dd#li-facility102 { background: transparent url(/frontend/default/images/icons/facilitys_wireless_internet.gif) no-repeat; }
dd#li-facility103 { background: transparent url(/frontend/default/images/icons/facilitys_credit_card.gif) no-repeat; }
#view-facilitys dl dd { padding-left: 24px; min-height: 20px; }

dd#li-recreation1 { background: transparent url(/frontend/default/images/icons/recreations_beach.gif) no-repeat; }
dd#li-recreation2 { background: transparent url(/frontend/default/images/icons/recreations_boat_launch.gif) no-repeat; }
dd#li-recreation3 { background: transparent url(/frontend/default/images/icons/recreations_cycle_hire.gif) no-repeat; }
dd#li-recreation4 { background: transparent url(/frontend/default/images/icons/recreations_fishing.gif) no-repeat; }
dd#li-recreation5 { background: transparent url(/frontend/default/images/icons/recreations_golf.gif) no-repeat; }
dd#li-recreation6 { background: transparent url(/frontend/default/images/icons/recreations_horse_riding.gif) no-repeat; }
dd#li-recreation7 { background: transparent url(/frontend/default/images/icons/recreations_sailing.gif) no-repeat; }
dd#li-recreation8 { background: transparent url(/frontend/default/images/icons/recreations_swim_indoor.gif) no-repeat; }
dd#li-recreation9 { background: transparent url(/frontend/default/images/icons/recreations_swim_outdoor.gif) no-repeat; }
dd#li-recreation10 { background: transparent url(/frontend/default/images/icons/recreations_games_room.gif) no-repeat; }
dd#li-recreation11 { background: transparent url(/frontend/default/images/icons/recreations_tv_room.gif) no-repeat; }
dd#li-recreation12 { background: transparent url(/frontend/default/images/icons/recreations_internet_access.gif) no-repeat; }
dd#li-recreation13 { background: transparent url(/frontend/default/images/icons/recreations_gym.gif) no-repeat; }
dd#li-recreation14 { background: transparent url(/frontend/default/images/icons/recreations_snooker.gif) no-repeat; }
dd#li-recreation15 { background: transparent url(/frontend/default/images/icons/recreations_tennis.gif) no-repeat; }
dd#li-recreation16 { background: transparent url(/frontend/default/images/icons/recreations_entertainment.gif) no-repeat; }
#view-recreations dl dd { padding-left: 24px; min-height: 20px; }



#view-awards dl dd { min-height: 20px; }
#view-awards dl dd .qty span img { vertical-align: top; margin-bottom: 4px; }

#view-reviews dl dd a { display: block; }


/* Residential Parks */

.view .residentialpark #view-title .content-block,
.view .residentialpark #view-summary .content-block
{
  background-color:           #D37375;
}
.view .residentialpark #view-title .content-block a,
.view .residentialpark #view-summary .content-block a
{
  color:                      #061F99;
}
.view .residentialpark #view-title .content-block a:hover,
.view .residentialpark #view-summary .content-block a:hover
{
  color:                      #001F33;
}








/* -*-CSS-*- */

/* NB Some CSS is shared with directory.view */

#view-lodging-facilitys .content-block
{
  background: #ffaa44;
}

div.view div.lodging #view-extnd-info .image
{
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}



/* ------ View Page ------ */
  
#view-header {
  clear:                      both;
}

#view-header-text {
  width:                      179px;
  float:                      left;
  font-size:                0.85em;
}
#view-header-text h2 {
  margin-top:                 0px;
  margin-bottom:              3px;  
}
#view-header-text .address {
  margin:                     0px 0px 4px 0px;
  font-size:                  12px;
}
#view-header-text ul {
  padding-left:                0px;
  margin:                      0 0 10px 0;
  list-style-type:             none;
  list-style-position:         inside;
}
#view-header-image {
  width:                      252px;
  float:                      right;
}
/* ------ End View Page ------ */
/* -*-CSS-*- */

#review-title .content-block
{
  background: #cccccc;
  color: #d70000;
}

#review-title h2
{
  font-size: large;
  margin-top: 2px;
}

.review-head
{
  margin-top: 3px;
  margin-bottom: 0px;
  color: #0000a0;
  font-weight: bold;
}

.review-body
{
  margin-top: 0px;
  margin-bottom: 5px;
}
.bodytextsmall
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px
}
.bodytextbig
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt
}
.bodytextstandard
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}
.bodytextstandardWhite{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.bodytextbold { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; font-weight: bold}
.enlargedbodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
.headLine {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000}
.sideBoxTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF}
.bottomBarWhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
a.bodytextstandardWhite, a.bodytextstandard { font-weight: normal; }
a.bodytextstandardWhite:hover { color: white; }
a.bodytextstandard:hover { color: black; }