/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline; */
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
/*table { border-collapse: separate; border-spacing: 0; }*/
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* -------------------------------------------------------------- 
   
   Typography.css
   * Sets some default typography.
  
-------------------------------------------------------------- */   

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5; /* Unitless for proper inheritance */
  color: #405071; 
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 69%; }   /* IE */
html > body   { font-size: 11px; }  /* Other browsers */


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height:1em;
  margin-bottom:1em;
}

h1 { font-size: 2em; font-weight: normal;  }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; }
p.last      { margin-bottom:0; }
/*
p img       { float: left; margin: 0em 1.5em 1.5em 0; padding:0; }
*/
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #405071; text-decoration: underline; outline: none; }
a:hover     { color: #b89e52; text-decoration: underline; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; border-top:0.0em solid #ddd; border-left:0.0em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.0em solid #ddd; border-right:0.0em solid #ddd; }
th      { font-weight:bold; }


/* Forms
-------------------------------------------------------------- */

label     { font-weight: normal; cursor: pointer; }
/*textarea  { height: 180px; width: 300px; }*/


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     60px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}


/* -------------------------------------------------------------- 
  
   CSS Framework
   
   * Site Styles *
      
-------------------------------------------------------------- */


/* Redefine HTML tags */
body {  background-color:#D9DDBC; }
input { vertical-align: middle; }


/* Needy classes */
.hardclear { clear:both; }
.icon { vertical-align:middle; }
.hide { display:none; }


/* Page wrapper */
#wrapper { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackground.gif') center top repeat-y #fff; }
#wrapper2 { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackgroundOneColumn.gif') center top repeat-y #fff; }


/* Area specific page wrappers */
#wrapper_south { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackground_south.gif') center top repeat-y #fff; }
#wrapper_north { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackground_north.gif') center top repeat-y #fff; }
#wrapper_west  { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackground_west.gif') center top repeat-y #fff; }
#wrapper_mid   { width:760px; margin:0px auto; border:3px solid #e0cf9c; background: url('/images/wrapperBackground_midcornwall.gif') center top repeat-y #fff; }


/* Header */
.header { border-bottom:2px solid white; }
.header div.headerBanner { }
.header div.headerFlash { }
.header div.headerLanguages { background: #d9af36; padding:5px; text-align:right; }
.headerprintable { display:none; }

/* Footer */
.footer { clear:both; border-top:2px solid white; background: #d9af36; padding:10px; }
.footer div.footerLinks { float:left; }
.footer div.footerCopyright { float:right; }
.footer a { color:#405071; }
.footer a:hover { color: #405071; text-decoration:none; }


/* Page body */
.pageBody { }
.pageLeft { float:left; width:196px; }
/* .pageMiddle { margin-left:196px; margin-right:206px; padding:0px 15px 0 15px; } */
.pageMiddle { float:left; width:327px; padding:0px 15px 0 15px; margin:0; }
.pageRight { float:right; width:206px; }
.extendMiddleColumn { width:533px; margin:0; }


/* Main site navigation */
.mainNavigation { list-style:none; padding:0; margin:10px 0px 10px 0px; }
.mainNavigation li { padding:0; margin:0; }
.mainNavigation li a { display:block; padding:3px 5px 3px 25px; text-decoration:none; color: #405071; }
.mainNavigation li a:hover { background-color: #d0b66b; text-decoration:none; color: #405071; }
.mainNavigation li a.selected { background-color: #d0b66b; color: #405071; }
.mainNavigation li a.selected:hover { background-color: #d0b66b; text-decoration:none; color: #405071; }


/* Fast Track Search */
.fastTrackSearch { padding:15px 5px 15px 5px; background-color: #d5dce7; }
.fastTrackSearch p,
.fastTrackSearch p img { margin:0; padding:0; float:none; }
.fastTrackSearch h5 { margin:0; padding:0; font-weight:bold; margin-bottom:10px; }
.fastTrackSearch input { font-size:0.9em; }


/* Right-hand-side Cornwall region panels */
.regionalPanel { padding:7px 0px 0px 7px; height:80px; }
.regionalPanel h5  { margin:0; padding:0 0 10px 0; color:white; font-weight:bold; }
.regionalPanel p { margin:0; padding:0 0 0 0; font-size:0.9em; }
.regionalPanel a { text-decoration:none; color:white; font-weight:normal; }
.regionalPanel a:hover { text-decoration:underline; color:white; font-weight:normal; }
/* Specific backgrounds for regions */
.northCornwall { background: url('/images/panelBg.northCornwall.jpg') top right no-repeat; }
.midCornwall { background: url('/images/panelBg.midCornwall.jpg') top right no-repeat; }
.southEastCornwall { background: url('/images/panelBg.southEastCornwall.jpg') top right no-repeat; }
.westCornwall { background: url('/images/panelBg.westCornwall.jpg') top right no-repeat; }


/* Left-hand-side random picture */
.navigationPhoto { background-color: #d9af35; padding-bottom:16px; border-bottom:4px solid white; }


/* Rounded DIV styles */
.redRoundedDiv { color:#fff; padding:10px 20px; }
.redRoundedDiv p { margin:0; color:#fff; }
.redRoundedDiv a { color:#fff; text-decoration:none; }
.redRoundedDiv a:hover { color:#fff; text-decoration:underline; }
.redRoundedDiv .sb-inner { background:#b83540; }

.blueRoundedDiv { color:#fff; padding:10px 20px; }
.blueRoundedDiv p { margin:0; color:#fff; }
.blueRoundedDiv a { color:#fff; text-decoration:none; }
.blueRoundedDiv a:hover { color:#fff; text-decoration:underline; }
.blueRoundedDiv .sb-inner { background:#445472; }

.greenRoundedDiv { color:#fff; padding:10px 20px; }
.greenRoundedDiv p { margin:0; color:#fff; }
.greenRoundedDiv a { color:#fff; text-decoration:none; }
.greenRoundedDiv a:hover { color:#fff; text-decoration:underline; }
.greenRoundedDiv .sb-inner { background:#98ab8d; }



/* Standard CSS form layout */
.stdform { }
.stdform fieldset { clear: both; font-size: 100%; border-color: #888888; border-width: 1px 0px 0px 0px; border-style: solid; padding: 10px; margin: 0px 0px 0px 0px; }
/* .stdform fieldset { border:1px dashed #777777; background: #2e2e2e; } */
.stdform fieldset fieldset { border: 1px dotted #434343; }
.stdform div { clear: left; display: block; margin: 5px 0px 0px 0px; padding: 1px 3px; }
.stdform fieldset legend { font-size: 1.1em; font-weight: normal; color: #c29a28; margin: 0px 0px 0px 0px; padding: 0px 5px; }
.stdform label { font-size: 100%; cursor:pointer; }
.stdform div.notes { float: right; width: 158px; height: auto; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #ffffff; color: #666666; font-size: 0.8em; }
.stdform div.notes h4 { background-image: url('/images/icon_info.gif'); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 27px; margin:0 0 0.5em 0; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%; }
.stdform div.notes p { margin: 0em 0em 1.2em 0em; color: #666666; padding:0em; }
.stdform div.notes p.last { margin: 0em; padding:0em; }
.stdform div fieldset { clear: none; border-width: 1px; border-style: solid; border-color: #666666; margin: 0px 0px 0px 142px; padding: 0px 5px 5px 5px; width: 197px; }
.stdform div label { display: block; float: left; width: 80px; padding: 3px 5px; margin: 0px 0px 5px 0px; text-align: right; }
.stdform div.optional label, label.optional { font-weight: normal; }
.stdform div.required label, label.required { font-weight: bold; }
.stdform div.error { background-color: #ffffe1; background-image: url('/images/required_bg.gif'); background-repeat: no-repeat; background-position: top left; color: #666666; border: 1px solid #ff0000; width:100%; }
.stdform div.error p.error { background-image: url('/images/icon_error.gif'); background-position: top left; background-color: transparent; border-style: none; font-size: 88%; font-weight: bold; margin: 0px 0px 0px 118px; width: 200px; color: #ff0000; }
.stdform div.buttons { text-align:center; padding:5px 0px; background-color:#f6f6f6; }
.bigLabels div label { width:190px; }


/* Standard CSS form layout */
.stdform2 { }
.stdform2 fieldset { clear: both; font-size: 100%; border-color: #888888; border-width: 1px 0px 0px 0px; border-style: solid; padding: 10px; margin: 0px 0px 0px 0px; }
/* .stdform2 fieldset { border:1px dashed #777777; background: #2e2e2e; } */
.stdform2 fieldset fieldset { border: 1px dotted #434343; }
.stdform2 div { clear: left; display: block; margin: 5px 0px 0px 0px; padding: 1px 3px; }
.stdform2 fieldset legend { font-size: 1.1em; font-weight: normal; color: #c29a28; margin: 0px 0px 0px 0px; padding: 0px 5px; }
.stdform2 label { font-size: 100%; cursor:pointer; }
.stdform2 div.notes { float: right; width: 158px; height: auto; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #ffffff; color: #666666; font-size: 0.8em; }
.stdform2 div.notes h4 { background-image: url('/images/icon_info.gif'); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 27px; margin:0 0 0.5em 0; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%; }
.stdform2 div.notes p { margin: 0em 0em 1.2em 0em; color: #666666; padding:0em; }
.stdform2 div.notes p.last { margin: 0em; padding:0em; }
.stdform2 div fieldset { clear: none; border-width: 1px; border-style: solid; border-color: #666666; margin: 0px 0px 0px 142px; padding: 0px 5px 5px 5px; width: 197px; }
.stdform2 div label {  }
.stdform2 div.optional label, label.optional { font-weight: normal; }
.stdform2 div.required label, label.required { font-weight: bold; }
.stdform2 div.error { background-color: #ffffe1; background-image: url('/images/required_bg.gif'); background-repeat: no-repeat; background-position: top left; color: #666666; border: 1px solid #ff0000; width:100%; }
.stdform2 div.error p.error { background-image: url('/images/icon_error.gif'); background-position: top left; background-color: transparent; border-style: none; font-size: 88%; font-weight: bold; margin: 0px 0px 0px 118px; width: 200px; color: #ff0000; }
.stdform2 div.buttons { text-align:center; padding:5px 0px; background-color:#f6f6f6; }
.bigLabels div label { display: block; float: left; width: 80px; padding: 3px 5px; margin: 0px 0px 5px 0px; text-align: right; }


/* Search results */
.searchResults { margin:10px 0 20px 0; }
.searchResults div.farmName { float:left; }
.searchResults div.options { float:right; text-align:right; }
.searchResults div.image { float:left; }
.searchResults div.summary { margin-left:160px; font-size:0.9em; }


/* Profile page */
.profilePage { margin-left:-10px; width:349px; }
.profilePage .profileImage { margin-bottom:10px; }
.profilePage .facilities { margin-top:5px; }
.profilePage .lowerImages { margin-top:20px; }
.profilePage .lowerImages .profileImage2 { float:left; }
.profilePage .lowerImages .profileImage3 { float:right; text-align:right; }
.profilePage h3 { margin:0; padding:0; line-height:1em; }


/* Profile side column */
.profileSideColumn { border-top:4px solid white; color:white; }
.profileSideColumn div.profileSideColumnData { padding:22px 12px; }
.profileSideColumn h5 { color:white; }
.profileSideColumn a { color:white; text-decoration:none; }
.profileSideColumn a:hover { text-decoration:underline; }

.profileSideColumn ul { list-style:none; padding:0; margin:10px 0px 10px 0px; }
.profileSideColumn li { padding:0; margin:0; }
.profileSideColumn li a { display:block; padding:0px; font-weight:bold; text-decoration:none; color: white; }
.profileSideColumn li a:hover { text-decoration:underline; font-weight:bold; color: white; }


/* Regional map side column */
.regionalSideColumn { border-top:4px solid white; color:white; }
.regionalSideColumn div.regionalSideColumnData { padding:22px 12px; }
.regionalSideColumn h5 { color:white; }
.regionalSideColumn a { color:white; text-decoration:none; }
.regionalSideColumn a:hover { color:white; text-decoration:underline; }

.regionalSideColumn ul { list-style:none; padding:0; margin:10px 0px 10px 0px; }
.regionalSideColumn li { padding:0; margin:0; }
.regionalSideColumn li a { display:block; padding:0px; font-weight:normal; text-decoration:none; color: white; }
.regionalSideColumn li a:hover { text-decoration:underline; font-weight:normal; color: white; }



a span.bandb { background: url('/images/map_marker_bandb.png') no-repeat center center; width:15px; height:15px; display:block; text-align:center; font-size:9px; float:left; margin-top:3px; margin-right:5px; }
a span.selfcatering { background: url('/images/map_marker_selfcatering.png') no-repeat center center; width:15px; height:15px; display:block; text-align:center; font-size:9px; float:left; margin-top:3px; margin-right:5px; }

.mapHotspots { position:relative; }
.mapHotspots a { position:absolute; width:15px; height:15px; text-align:center; color: #fff; text-decoration:none; font-size:9px; }
.mapHotspots a.bandb { background: url('/images/map_marker_bandb.png') no-repeat center center; }
.mapHotspots a.selfcatering { background: url('/images/map_marker_selfcatering.png') no-repeat center center; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus {color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;

	filter: alpha(opacity='75');
	-moz-opacity: 0.75;
	opacity: 0.75;

}

#TB_window {
	position: fixed;
	background: #f7eccc;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #d9af36;
	text-align:left;
	top:50%;
	left:50%;
}


#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title {
	background-color:#f2e1ad;
	height:27px;
}

#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal {
	padding:15px;
}

#TB_ajaxContent p {
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}


#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;

	filter: alpha(opacity='0');
	-moz-opacity: 0;
	opacity: 0;


	height:100%;
	width:100%;
}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	background-color:#fff;
}