/* -*-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 {
  display: block;
  font-size:0.9em;
  font-weight:normal;
  padding:3px 0 12px;
}

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

.negative-number { color: #f00 }


.availcal .availcalmo {
  border: 1px solid #fff;
  margin: 5px;
}

.availcalmo tr th {
  background:none repeat scroll 0 50% #D5EA9B;
  border:1px solid #FFFFFF;
  color:#004F00;
  font-weight:bold;
  padding:2px 4px;
}

.availcal .availcalmo td {
  background-color:#FFFFFF;
  border-right:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  color:#000;
  margin:0;
  padding:2px 4px;
  text-align:center;
}

.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: #FEDCC1; 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 */

body
{
  background-color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
  font-size: small;

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


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

#footer a
{
  font-weight: normal;
  color: #ffffff;
  text-decoration: underline;
}

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

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

#footer a:visited
{
  color: #eeeeee;
}

#footer a img
{
  border: 0px;
}

a.menu
{
  color: #FFFF00;
  text-decoration: none
}

#welcome
{
  text-align: left;
  padding: 5px
}

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

  font-size: small;
}

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

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

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

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

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

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

div.field-name label  { color:   #000000;}

.field-data
{
  text-align: left;
}

h1
{
  text-align: left;
}

h3.head3
{
  font-size: 1.25em;
  margin: 0px;
}

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

#main,
#home,
#page
{
  width: 760px
}

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

.full-page-title .content-block
{
  background-color: #60CB60;
  color: yellow;
}

#region-title h1,
#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: 760px;


}

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

#tourist-info .content-block
{
  background-color: #EEEEEE;
  border: outset 4px red;
  margin: 6px;
}

#other-list
{ 
  width: 760px;

}

#review-title .content-block,
#other-heading .content-block
{
  background-color: #002EB8;
  color: #FFFFFF;
}

#review-title h1
{
  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;
}

/* HACK as IE's CSS is so crap */
table.page-table
{
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  width: 680px;
}

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

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

table.list th.subhead
{ 
  background-color: #00A000;
  color: #FFFFFF;
  padding: 2px;
  vertical-align: middle;
  font-weight: normal;
}

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

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

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

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

/* 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: #f5fff5;
  cursor: pointer
}

.link-menu
{
  background: #CCCCCC;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 0px; 
  border-bottom: 2px solid red;
}

.contact .content-block
{
  color: #000000;
}

.contact .field-name
{
  color: #000000;
}

.contact .title
{
  background-color: #6633CC;
}

#contact-title .content-block
{
  background: #008000;
  color: #ffffff;
  width: auto;
  padding-bottom: 1px;
}

div.console div#page-area1 .content-block
{
  background-color: #82DD93;
}

div.console div#page-area1 div#page-title .content-block
{
  background-color: #60CB60; color: yellow;
}

div.console div#page-area1 .field-name
{
  color: #001000;
}

div.console div#page-area2 .content-block
{
  background-color: #73C482;
}


/* -*-CSS-*- */

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

#browse-region-select
{
  width: 760px;
  font-weight: bold;


}

#browse-region-select dl#browse-regions
{
  width: 200px;
  float: left;
  border: solid 1px #000000;
}

#browse-region-select dl#browse-regions dt
{
  background: #CCCCCC;
  padding: 3px 0px 3px 5px;
  border-bottom: 2px solid red;
  font-weight: normal; 
}
/* -*-CSS-*- */

div.directory div.list 
{
  width: 760px 

}

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%;
}

/* -*-CSS-*- */

#view-main
{
  float: right; 
  width: 572px 
}

#view-summary
{
  float: left;
  width: 185px; 
  left: 0; 
}

#view-title .content-block
{
  border: 1px #00d000 solid;
  background-color: #00DD00; 
  width: auto;
  padding-bottom: 1px;
}

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

#view-banner1
{
  float: right;
}

/* Can this be combined with #view-summary .thingy dt below? */
#view-basic-info dt,
#view-extnd-info dt
{
  color: #ffffff;
  font-weight: bold;
}

#view-basic-info dd,
#view-extnd-info dd
{
  color: yellow;
  margin-left: 10px;
  margin-bottom: 2px;
}

#view-basic-info .content-block
{ 
  background-color: #00b000;
  color: yellow;
  padding-top: 1px;
  border: 1px black dotted;
}

#view-extnd-info .content-block
{ 
  background-color: #00b000;
  color: yellow;
  border: 1px black dotted;
}

#view-email-fax-form .content-block
{ 
  background-color: #66d066;
  color: #000000
}

#view-email-fax-form .field-name,
#view-email-fax-form .field-data
{ 
  color: #001000;
}

#view-basic-info .image,
#view-extnd-info .image
{
  float: right;
  margin-right: 10px;
  margin-top: 15px;
}

#view-basic-info-data
{ 
  width: 277px;
}
#view-services li {
 display: inline;
}

/* Replicate the red bar - change to icons! */
/* Does the icon change happen in CSS or HTML?? */
/* I think it will have to be in HTML */
#view-services a
{
 display: block;
 float: left;
 margin: 5px;
 background-color: #fff;
 padding: 5px;
 border: 1px solid #ccc;
}
#view-services {
 clear: both;
}


#view-summary .content-block
{
  background: #00DD00;
  border-right: 1px #000000 solid;
  border-top: 1px #000000 solid;
  color: yellow;
}

#view-summary .thingy dt
{
  color: #ffffff;
  font-weight: bold;
}

#view-summary .thingy dd
{
  color: #ccffff;
}

/* 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 #33c044 solid; }
.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-reviews dl dd a { display: block; }
/* -*-CSS-*- */

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

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

/* -*-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;
  width: 725px;
  margin-bottom: 15px;
}

div.find .category-full { 
  width: 570px;
}

.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 5px 0px 0px;
  position:         relative;
  width:            360px;
  height:           100px;
  float:            left;
  overflow:         auto;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
div.find .category-basic {
  margin-right: 5px;
  width: 282px;
}

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

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







/* Supplier Display END */*/