/* -*-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-*- Frontend CSS */
#site 
{
  margin:              0px auto;
	padding:             0px;
	text-align:          left;
	width:               760px;
	background-color:    #FFD700;
}


#header #header-tag
{ 
  background:         url(/frontend/images/header.png) no-repeat bottom center;
  width:              760px;
  height:             80px;
  border:             0;
  margin:             0;
  background-color:  #FFD700;
}

#header-tag h1
{ 
  position: absolute;
  margin-left: -2000px;
}


#post-nav
{
  position: absolute;
  width: 760px;
  top: 124px;
}

#main
{
  width:                    760px;
  background-color:         white;
  border-width:             0px 1px 1px 1px;
  border-color:             #840000;
  border-style:             solid; 
}

.content-block {
  margin:                 0px 3px 3px 3px;
  padding:                7px;
}


#footer
{
  font-size:          x-small;
  text-align:         center;
  color:              #840000;
  clear:              both;
  margin-top:         1px;
  padding-top:        0px;
  padding-bottom:     5px;
}
/* Main CSS file */
body
{
	margin:            0px;
	padding:           0;
	text-align:        center;
	background-color:  #FFD700;
	font-family:       Helvetica, Verdana, sans-serif;
	font-size:         10pt;
}

th,td { font-size: 10pt; }

a {
  color: #0000ff;
  text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
  margin-top:         0px;
}

h1 { 
  font-size:          14pt;
  margin-bottom:      10px;
  margin-top:         3px;
}

h2 { 
  font-size: 14pt;
  margin-bottom:      10px;
  margin-top:         3px;
}

h3 {
  font-size:          12pt;
  margin-bottom:      10px;
  margin-top:         3px;
}

div.highlight {
  margin:             5px 0px 5px 0px;
  padding:            5px;
  background-color:   #E9DBF0;
  border:             1px solid #320CCE; 
  text-align:         center;
  font-style:         italic;
}
div.highlight a {
  font-weight:        bold;
}

div.console div#page-area1 h1,
div.console div#page-area1 h2,
div.console div#page-area1 h3
{  
  padding:              5px;
  background-color:     #320CCE;
  color:                #FFFFFF;
}

div.console table.list { width: 550px; }

/* -*-CSS-*- NAV BAR */
#header-nav {
  width:                762px;
  margin-bottom:        0px;
  margin-top:           3px;
}

ul#cvnmenu1 li {
  display:            inline;
}

#header-nav a { font-weight: normal }

.cvnmenu ul
{
  margin: 0;
  padding: 0;
}

ul#cvnmenu1 a {
  display: block;
  float: left;
  color:              #333333;
  width:              125px;
  padding-top:        8px;
  padding-left:       0px;
  height:             17px;
  font-size:          0.9em;
  background:         url(/frontend/images/navbar/maintab.jpg) no-repeat top left;
  text-align:         right;
  text-decoration:    none;
}

/*LHS*/
ul#cvnmenu1 .cvnmenufirst1 a {
  background:         url(/frontend/images/navbar/maintab_lhs.jpg) no-repeat top left;
  border-left:        1px solid #840000;
}

/*RHS*/
ul#cvnmenu1 .cvnmenulast1 a {
  text-align:         left;
  padding-left:       50px;
  background:         url(/frontend/images/navbar/maintab_rhs.jpg) no-repeat top left;
}

ul#cvnmenu1 .cvnmenucurrent a {
  font-weight:        bold;
}

#cvnmenu1 a:hover {
  text-decoration:    underline;
}

/* Sub Menu */
ul#cvnmenu1 .cvnmenu2 
{
  position: absolute;
  width: 760px;
  height:             17px;
  margin-top:         23px;


  background:         url(/frontend/images/navbar/maroon_line.gif) no-repeat top right;
  border-right:       1px solid #840000;
  border-left:        1px solid #840000;
  border-bottom:      1px solid #CCCCCC;
  background-color:   #FFFFFF;
  font-size:          0.90em;
}

ul#cvnmenu1 .cvnmenu2 .cvnmenucurrent a {
  border-top:         1px solid #CCCCCC;
  background-color:   #EEEEEE;  
}

ul#cvnmenu1 ul.cvnmenu2 a 
{ 
  background: none;
  width: auto;
  color:              #333333;
  vertical-align:     bottom;
  text-decoration:    none;
  padding:            2px 10px 1px 10px;
  font-size:          0.9em;
  font-weight:        normal;
}

ul#cvnmenu1 ul a:hover {
  text-decoration:  underline; 
}

/* Hide non-active elements */
ul#cvnmenu1 li ul
{
  display: none;
}

ul#cvnmenu1 li.cvnmenucurrent ul 
{
  display: block;
}

/* -*-CSS-*- */

#view-main
{
  padding-top:           5px;
}
#view-page-area1
{ 
  width:                  580px;
  float: right;
}
#view-basic-info
{
  margin-top:             0px;
  width:                  575px;
}
#view-basic-info .content-block
{
  margin-top:           0px;
  padding-top:          0px;
}
#view-extnd-info
{
  /*width:                580px;*/
}
#view-summary
{
  float:                left;  
  width:                170px
}


/* Basic Info */
/* Title */
#view-title .content-block {
  padding:              0px;
  margin:               0px;
}
#view-title h2 {
  color:                #fff;
  background-color:     #0080C0;
  font-size:            large; 
  margin-top:           0px;
  margin-bottom:        0px;
  padding:              2px; 
}

#view-basic-info-data {

}

#view-image1 
{
  float:        		    right;
  clear:                left;
}

#view-extnd-info
{
  clear:                right;    
}

#view-email-fax-form {
  clear:                both;
  background-color:     #E9DBF0;
}


#view-banner1
{
  float:                right;
}

#view-basic-info dt
{
  color:                red;
}

/***********************/
#view-extnd-info dt,
#view-summary dt
{
  padding:              2px;
  color:                #ffffff;
  background-color:     #0080C0;
  margin-bottom:        2px;
}

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

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

#view-basic-info-data
{ 
/*  width: 280px;*/
}

/* 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 ul
{
  text-align:         left;
  list-style:         none;
  margin:             0;
  padding-left:       5px;
  padding-top:        5px;
  padding-bottom:     0px; 
  clear:              both;
}

#view-services ul li
{
  display:              inline;
}

#view-services ul li a
{
  margin-left:          2px;
  text-transform:       uppercase;
}

/* Summary of Services */


#view-lastmodified .content-block {
  border:               none;
  background:           #EEEEEE;
  text-align:           center;
  font-size:            0.85em;
  padding:              2px;
}

/* SUMMARY ICONS */
#view-summary .content-block {
  margin:               0px 0px 4px 0px;
  padding:              0px;
}
#view-summary dl {
  background-color:     #eee;
}
#view-summary>dd {
  font-style:           italic;
  margin-left:          0px;
  text-align:           left;
}

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

#view-facilitys .content-block,
#view-recreations .content-block,
#view-awards .content-block,
#view-reviews .content-block,
#view-brochure .content-block
{
  background-image:     none;
  padding:              0px 0px 0px 4px;
  margin-bottom:        3px;
}


/* 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:     4px; 
  padding-top:    2px; 
  border:         none; 
  text-align:     left;
  height:         19px; 
}
.thingy .qty    { display: block; float: right; text-align: right; }
.thingy .price  { display: block; clear: both; text-align: right; padding-right: 10px; font-size: 0.85em;}


dd#li-facility1 { background: transparent url(/frontend/images/icons/facilitys_touring_pitches.gif) no-repeat; }
dd#li-facility2 { background: transparent url(/frontend/images/icons/facilitys_holiday_homes_owned.gif) no-repeat; }
dd#li-facility3 { background: transparent url(/frontend/images/icons/facilitys_holiday_homes_rented.gif) no-repeat; }
dd#li-facility4 { background: transparent url(/frontend/images/icons/facilitys_tent_pitches.gif) no-repeat; }
dd#li-facility5 { background: transparent url(/frontend/images/icons/facilitys_serviced_pitches.gif) no-repeat; }
dd#li-facility6 { background: transparent url(/frontend/images/icons/facilitys_sanitary_blocks.gif) no-repeat; }
dd#li-facility7 { background: transparent url(/frontend/images/icons/facilitys_disabled.gif) no-repeat; }
dd#li-facility8 { background: transparent url(/frontend/images/icons/facilitys_electricity.gif) no-repeat; }
dd#li-facility9 { background: transparent url(/frontend/images/icons/facilitys_bar.gif) no-repeat; }
dd#li-facility10 { background: transparent url(/frontend/images/icons/facilitys_restaurant.gif) no-repeat; }
dd#li-facility11 { background: transparent url(/frontend/images/icons/facilitys_shop.gif) no-repeat; }
dd#li-facility12 { background: transparent url(/frontend/images/icons/facilitys_laundry.gif) no-repeat; }
dd#li-facility13 { background: transparent url(/frontend/images/icons/facilitys_pets.gif) no-repeat; }
dd#li-facility14 { background: transparent url(/frontend/images/icons/facilitys_take_away.gif) no-repeat; }
dd#li-facility15 { background: transparent url(/frontend/images/icons/facilitys_play_area.gif) no-repeat; }
dd#li-facility16 { background: transparent url(/frontend/images/icons/facilitys_adult.gif) no-repeat; }
dd#li-facility17 { background: transparent url(/frontend/images/icons/facilitys_rallies.gif) no-repeat; }
dd#li-facility18 { background: transparent url(/frontend/images/icons/facilitys_drainage.gif) no-repeat; }
dd#li-facility19 { background: transparent url(/frontend/images/icons/facilitys_water.gif) no-repeat; }
dd#li-facility20 { background: transparent url(/frontend/images/icons/facilitys_cafe.gif) no-repeat; }
dd#li-facility21 { background: transparent url(/frontend/images/icons/facilitys_solarium.gif) no-repeat; }
dd#li-facility22 { background: transparent url(/frontend/images/icons/facilitys_motorhome_pitches.gif) no-repeat; }
dd#li-facility23 { background: transparent url(/frontend/images/icons/facilitys_chalets_owned.gif) no-repeat; }
dd#li-facility24 { background: transparent url(/frontend/images/icons/facilitys_chalets_rented.gif) no-repeat; }
dd#li-facility25 { background: transparent url(/frontend/images/icons/facilitys_residential_owned.gif) no-repeat; }
dd#li-facility26 { background: transparent url(/frontend/images/icons/facilitys_repairs.gif) no-repeat; }
dd#li-facility27 { background: transparent url(/frontend/images/icons/facilitys_servicing.gif) no-repeat; }
dd#li-facility28 { background: transparent url(/frontend/images/icons/facilitys_accessories.gif) no-repeat; }
dd#li-facility29 { background: transparent url(/frontend/images/icons/facilitys_parking.gif) no-repeat; }
dd#li-facility30 { background: transparent url(/frontend/images/icons/facilitys_overnight_pitches.gif) no-repeat; }
dd#li-facility31 { background: transparent url(/frontend/images/icons/facilitys_awnings.gif) no-repeat; }
dd#li-facility32 { background: transparent url(/frontend/images/icons/facilitys_tents.gif) no-repeat; }
dd#li-facility33 { background: transparent url(/frontend/images/icons/facilitys_parts.gif) no-repeat; }
dd#li-facility34 { background: transparent url(/frontend/images/icons/facilitys_finance.gif) no-repeat; }
dd#li-facility35 { background: transparent url(/frontend/images/icons/facilitys_insurance.gif) no-repeat; }
dd#li-facility36 { background: transparent url(/frontend/images/icons/facilitys_tourers.gif) no-repeat; }
dd#li-facility37 { background: transparent url(/frontend/images/icons/facilitys_motorhomes.gif) no-repeat; }
dd#li-facility38 { background: transparent url(/frontend/images/icons/facilitys_holiday_homes.gif) no-repeat; }
dd#li-facility39 { background: transparent url(/frontend/images/icons/facilitys_folding_campers.gif) no-repeat; }
dd#li-facility40 { background: transparent url(/frontend/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-facility46 { background: transparent url(/frontend/images/icons/facilitys_pets_not_allowed.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-facility55 { background: transparent url(/frontend/images/icons/facilitys_sauna.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; }
dd#li-facility129 { background: transparent url(/frontend/default/images/icons/facilitys_toilets.gif) no-repeat; }
dd#li-facility130 { background: transparent url(/frontend/default/images/icons/facilitys_free_entry.gif) no-repeat; }
#view-facilitys dl dd { padding-left: 24px; min-height: 22px; }

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



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

#view-reviews dl dd { 
  height:         40px; 
}
/* -*-CSS-*- Directory List CSS */
div.directory div.list table.list {
  width:                735px;
}

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

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

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

table.list th
{ 
  background-color:     #0080C0;
  color:                #fff;
  border-bottom:        1px none #0080C0;
  empty-cells:          show;
  padding:              2px;
}

table.list th.subhead
{ 
  border-bottom:        1px solid #0080C0;
  /*background-color:     #7ccee1;
  color:                #333366;*/
  padding:              2px;
  vertical-align:       middle;
  font-weight:          normal;
}

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

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

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

.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;
}
/* -*- CSS -*- Other pages */
/*Home Page*/
ul#locations {
  float:                  left;
  margin:                 0px 10px 0px 0px;
  padding-left:           0px;
  border-top:             1px solid #008000;
}
ul#locations li {
  list-style-type:        none;
  margin-left:            0px;
  padding:                2px 15px 2px 5px;
  background-color:       #aff385;
  border-bottom:          1px solid #008000;
  border-right:           1px solid #008000;
  border-left:            1px solid #008000;
}