/* ==========================================================

	AUTHOR: 		Article 10
	DESCRIPTION:	Screen styles for Keith Prowse Website
	DATE:			14/02/06
	LAST EDITED:	16/02/06

	Border colour:	#8A98B3
	Navigation bg:	#838EA4
	Button colour:	#8998B7
	Body text col:	#333
========================================================== */
.blue1_fore{color: #0073AE;}
.blue2_fore{color: #0E85BB;}
.blue3_fore{color: #6EA7E3;}
.blue4_fore{color: #A4C6E3;}

.blue1_back{background-color: #0073AE;}
.blue2_back{background-color: #0E85BB;}
.blue3_back{background-color: #6EA7E3;}
.blue4_back{background-color: #A4C6E3;}

.clr { clear: both; height: 0.1px; font-size: 0; line-height: 0; }

/* ==========================================================
   GLOBALS
========================================================== */
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, San-Serif;
	line-height: 1.6em;
	text-align: center;
	background-color: #EEE;
	color: #333; /* #6C6A6B TCF 03/11/2006 */
}
/* [ text sizing - http://www.clagnut.com/blog/348/ ]----- */
html
{
	font-size: 100%; /* for IE */
}
body
{
	font-size: 62.5%; /* for IE/Win */
}
p, blockquote, ul
{
}
input, select, table
{
	font-size: 100%; /* for IE */
}

img
{
	border: 0;
}

/* [ headings ] ------------------------------------------ */
h1
{
	/*JDS*/
	/*color: #6A85BA;*/
	color:#0073AE;
	font-size: 2em;
	font-weight: normal; /*text-transform: capitalize;*/
	margin: 0.2em 0 1em 0;
	line-height: 1.2em;
}
h2
{
	/*JDS*/
	/*color: #6D6B6C;*/
	color:#0073AE;
	font-size: 1.5em;
}
h3
{
	color: #333; /* #6C6A6B TCF 03/11/2006 */
	font-size: 1.2em;
}
/* [ links ] ------------------------------------------ */
a
{
	text-decoration: none;
}
a:link
{
	color: #0073AE;
}
a:visited
{
	color: #0E85BB;
}
a:hover
{	
	color: #6EA7E3;
}
/* [ other ] --------------------------------------------- */
hr
{
	display: none;
}
.hide
{
	display: none;
}
.clear
{
	clear: both;
}
.clear-nofloat
{
	clear: both;
	float: none;
}

form
{
	margin: 0;
	padding: 0;
}
label
{
	cursor: pointer;
}
select, input, textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	height: auto; /* TCF 25/09/2006 */
}
/* ==========================================================
   VIRTUAL-TOUR
========================================================== */
#virtual-tour-overview
{
	text-align:left;
	margin-left: 10em;	
}
/* ==========================================================
   KEITH-PROWSE
========================================================== */
#keith-prowse
{
	/*width: 100em;*/
	width: 1000px;
	/*JDS Scroll Fixes 01/09/2009
	min-height:626px;*/
	position: relative;
	margin:0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	border-left: 1px solid #0073AE;
	border-right: 1px solid #0073AE;
	border-bottom: 1px solid #0073AE;
}

/* ==========================================================
   HEADER
========================================================== */
#header
{	
	height: 7em;
	padding: 0;
	margin: 0;
	background-color: #FFF;
}
#header .logo
{
	margin: 0 0 0 1.5em; 
	padding: 1.5em 0 0 0;
	float: left;
}
#header .logo a img
{
	border: 0;
	width:215px;
	height:45px;
	
}
#header .version
{
	left: 500px; 
	top: 30px; 
	position: absolute;
	font-size: small;
	font-weight: bold;
}
#header address
{
	right: 0;
	padding: 1.5em 1em 0 0;
	margin: 0;
	float: right;
	/* SR - 29/08/09 - Style Phone Number */
	text-decoration: none;
	font-size: 1em;
	font-style: normal;
	line-height: 1.8em;
}
#header address .phonenumber
{
	font-size: 2.6em;
	color: #0073ae;
	padding-top: 2px;
	font-weight: bold;
	text-align: right;
}

#header address span
{
	display: block;
}
#header .close
{
	float: right;
	margin: 2em 2em 0 0;
	font-size: 1.5em;
}
/* ==========================================================
   ORGANISATION-INFO
========================================================== */
#organisation-info
{
	float: left;
	margin: 0;
	/*width: 100em; */
	width: 1000px; 
	/*TCF */
	/*JDS*/
	background:#0073AE;
}
#organisation-info ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*JDS*/
	/*border-top: 1px solid #C3CCDB;*/
	border-top: 1px solid #fff;
	font-size: 1.1em;
}
#organisation-info ul li
{
	/*JDS*/
	/*border-left: 1px solid #C3CCDB;*/
	border-left: 1px solid #fff;
	float: left;
}
#organisation-info a
{
	padding: 0.2em 1.2em;
	display: block;
	text-decoration: none;
	/*JDS*/
	/*color: #6886BA;	*/
	color:#fff;
}
#organisation-info a:link, #organisation-info a:visited
{
	background-color: transparent;
}
#organisation-info a:hover, #organisation-info a.selected:link, #organisation-info a.selected:visited, #organisation-info a.selected:hover
{
	/*background-color: #E1E4EB;*/
	background-color: #0E85BB;
}


/* ==========================================================
   BODY
========================================================== */
#body
{
	/*JDS*/
	/*border-top: 1px solid #8A98B3;
	border-top:1px solid #0073AE;*/
	clear: both;
	float:left;
}

/* ==========================================================
   MAIN-NAVIGATION
========================================================== */
#main-navigation
{
	/*width: 17.6em;*/
	width: 176px;
	/*height: 53.5em;*/
	min-height:535px;
	background: #838EA4 url(../KP/images/template/main-navigation_bg.gif) repeat-y right top;
	/*border-right: 0.1em solid #8A98B3;*/
	float: left;
	/*display: inline;*/
	padding: 0;
	margin: 0;
	border-top:1px solid #fff;
}
/*#main-navigation h2	
{
	display: none;
}*/
#main-navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFF;
	/*border-bottom: 1px solid #8A98B3;*/
}
#main-navigation ul li
{
	margin: 0 0 1px 0;
	border-bottom: 1px solid #a4c6e3;
	background: #a4c6e3 url(../KP/images/template/main-navigation_bg.gif) repeat-y right top;
	border-top: none;
}
/* #main-navigation ul li.first
{
	border-top: none;

}*/
#main-navigation a
{
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	color: #040207;
	text-decoration: none;
	font-size: 1.2em;
	/*width: 13.8em;*/
	width: 165px;
}
#main-navigation a:link, #main-navigation a:visited
{
	background-color: transparent;
}
#main-navigation a:hover
{
	background-color: #0073ae;
}
/* ==========================================================
	TCF 26/09/2006 Event Category specific styles moved to own style sheet, which is
	automatically created when Site Editor edits Event Categories/colours
========================================================== */

/* ==========================================================
   POP-UP
========================================================== */
.popup
{
	background-color: #fff;
	text-align: left;
}
div.content-popup
{
	width: 90%;
	margin: 0.5em 0.5em 0.5em 1em;
}
#popup-topborder
{
	/*JDS*/
	/*border-top: 1px solid #C3CCDB;*/
	border-top:1px solid #0073AE;
}

/* ==========================================================
   CONTENT
========================================================== */
#content
{
	float: left;
	/*position: relative;*/
	/*min-height:532px;*/
	min-height:578px;
}
div.content-one-column
{
	width: 80em;
	margin: 0 0 0 1em;
	/*background:red;*/
}
div.content-two-column
{
	/*width: 65.7em;*/
	width:657px;
	margin: 0;
	border-left:1px solid #0073ae;
	border-right:1px solid #0073ae;
	padding-left:10px;
}
div.content-two-column-news
{
	width:595px;
	margin: 0;
	border-left:1px solid #0073ae;
	border-right:1px solid #0073ae;
	padding-left:10px;
}
div.content-three-column /* Total width inc Add info */
{
	width:657px;
	margin: 0;
	border-left:1px solid #0073ae;
	border-right:1px solid #0073ae;
	padding-left:10px;
	position:relative;
}
div.content-three-column #content-scroll {
border-right:1px solid #0073ae;
clear:left;
width:519px;
min-height:480px;
}


div.content-front
{
	/*width: 66.7em;*/
	width:667px;
	margin: 0;
	/*************/
	border-left:1px solid #0073ae;
	border-right:1px solid #0073ae;
}
/*#content   TCF 13/11/2006 If user has not set <p> tag in SE  
{
	font-size: 1.2em;
	line-height: 1.6em;
}*/
#content p, #content ul, #content blockquote
{
	font-size: 1.2em;
	line-height: 1.6em;
}
#content ul
{
	list-style-type: none;
	list-style-image: url(../KP/images/content_ul_li.gif);
	padding: 0;
	margin: 0 0 0 1.4em;
}
#content div
{
	font-size: 1em;	
}
#heading-img-right img
{
	float: right;
	vertical-align:top;
	margin-right: 0.5em;
}

/* ==========================================================
   FRONT-MAJOR
========================================================== */
#front-major
{
	/*JDS*/
	/*border-bottom: 1px solid #8A98B3;*/
	border-bottom:1px solid #0073AE;
	float: left;
	/*height: 27em;*/
	height:270px;
	clear: both;
	/*width: 66.7em;*/
	width: 667px;
}


#front-major h1
{
	/*color: #6D82B9;
	font-size: 3em;
	float: left;
	width: 9em;
	margin: 2.5em 0 0 1.75em;
	line-height: 1em;
	display: inline;*/
}
#front-major p
{
	/*color: #6D6C6A;
	font-size: 2.4em;
	float: left;
	width: 11em;
	clear: left;
	margin: 0.5em 0 0 2.2em;
	line-height: 1.4em;
	display: inline;*/
}
#front-major img
{
	/*margin: 1.5em 0 0 0.5em;*/
	/*JDS*/
	/*border: 1px solid #A3A4A8;
	border:1px solid #0073AE;*/
}

/* ==========================================================
   FRONT-FEATURE
========================================================== */
div.front-feature
{
	padding: 0 0 1.7em 0;
}
div.front-feature h2
{
	/*color: #333;*/
	font-size: 1.7em;
	/*margin: 1.1em 0 0.8em 1em;*/
	margin:20px 0 10px 5px;
}
div.front-feature img
{
	float: left;
	margin: 0.6em 0.5em 0 0;
	padding: 0;
	display: inline;
	/*width: 9.1em;
	height: 6.8em;*/
}
div.front-feature /* TCF 29/11/2006 */
{
	/*height: 19.8em;*/
	height:310px; /* SR - Changed from 290px 31/03/2010 when additional button was added to right column */
	/*The ticker is 30px high, I added 30px heightbelow but I think it will look better as is*/
	/*JDS changes for no ticker*/
	/*height:240px;
	border-bottom:1px solid #0073AE;*/
}
div.front-feature p /* TCF 29/11/2006 */
{
	margin: 0 1.7em 0 1.3em; /* Fanatic: increased right margin */	
}
div.front-feature span.more, .newsArchive span.more
{
	float: left;
	padding: 1px;
	/*JDS*/
	/*border: 1px solid #BCBBC0;*/
	border:1px solid #0073AE;
	background-color: #fff;
	margin: 1em 0 0 0.8em;
	display: inline;
}
div.front-feature span.more a, .newsArchive span.more a
{
	display: block;
	text-decoration: none;
	padding: 0.1em 1em;
	font-size: 1em; /* TCF reduced from 1.2em as SE will always put span inside <p> */
	font-weight: bold;
	width: 7em;
}
div.front-feature span.more a:link, div.front-feature span.more a:visited, .newsArchive span.more a:link, .newsArchive span.more a:visited
{
	background-color: #0073ae;
	color: #FFF;
}
div.front-feature span.more a:hover, .newsArchive span.more a:hover
{
	background-color: #6EA7E3;
	color:#fff;
}
div.content-front #left
{
	float: left;
	/*JDS*/
	/*border-right: 1px solid #8A98B3;*/
	border-right:1px solid #0073AE;
	width: 33.5em;
}
/*
	height: 3em;
	border-top:1px solid #0073AE;
*/
div.content-front #right
{
	float: right;
	width: 33em;
}

.newsItem
{
	padding: 0 30px 15px 15px;
}
div.front-feature .newsItem p{ margin:0;}
#content p.newsDate{font-size:1.1em;}
div.front-feature .newsItem h3{margin:0; padding:2px 0 5px 0;}
div.front-feature .newsItem h3 a{font-size:1.2em;}

/* ==========================================================
   SCROLL BUTTONS FOR FRONT-FEATURES
========================================================== */

.scrollbutton-container {
	width:20px;
	height: 40px;
	position: absolute;
	/*top: 86.5%;
	top:598px;*/
	top:628px;
}

.scrollbutton-container img {
	margin-top: 5px;
}

#leftbuttons {
	/*left: 47.5%;*/
	left:492px
}

#rightbuttons {
	/*left: 97.2%;*/
	left:822px
}


#scroll_up-left, #scroll_down-left, #scroll_up-right, #scroll_down-right {
	cursor: pointer;
}
  
#left, #right {
	overflow: auto;
}

/* ==========================================================
   NEWS-TICKER
========================================================== */
#news-ticker
{
	clear: both;
	height: 3em;
	border-top:1px solid #0073AE;
}
#news-ticker div
{
	overflow: hidden;
	height: 3em;
}
#news-ticker h2
{
	color: #FFF;
	background-color: #0073AE;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0.2em 1em;
	margin: 0;
	float: left;
}
#news-ticker p
{
/*	margin: 0.3em 1em 0 1em;*/
	margin: 0.2em 1em 0 1em;
	float: right;
	width: 46em;
	display: inline;
}
#news-ticker a
{
	margin: 0 2em 0 0;
}

/* ==========================================================
   CRUMBTRAIL
========================================================== */
#crumbtrail
{
	margin: 0;
	padding: 0.5em 0;
	/*JDS*/
	/*border-bottom: solid 1px #8A98B3;*/
	border-bottom:1px solid #0073AE;
	margin-right:10px;
	margin-bottom:10px;
}
div.content-three-column #crumbtrail
{
	float: left;
	width: 500px; 
}
#crumbtrail a
{
	font-weight: normal; /* TCF 26/09/2006  */
}
#crumbtrail a:link
{
	color: #333; /* #6C6A6B TCF 03/11/2006 */
	font-weight: normal;
}
#crumbtrail a:visited
{
	color: #333; /* #999 TCF 03/11/2006 */	
}
#crumbtrail a:hover
{
	color: #6D84BA;
}
/* ==========================================================
   LEFT-COLUMN & RIGHT-COLUMN
========================================================== */


#columns
{
	float: left;
	margin-top: 10px;
}
#left-column
{
	/* border-top: 1px solid #8A98B3; */
	/* border-right: 1px solid #8A98B3;*/
	float: left;
	display: inline;
	padding: 0 0 0em 0;
}
#right-column
{
	/* border-top: 1px solid #8A98B3;	*/
	float: right;
	padding: 0 0 0em 0;
	display: inline;
}
#left-column div
{
	margin: 0 1.5em 0 0;
}
#right-column div
{
	/* margin: 0 0 0 1em;	*/
	margin: 0 1.5em 0 1em;
}
/*****  Set column widths in the 3 column (add info is the 3rd col) and 2 column template *****/
.content-three-column #columns
{
	width: 500px;
}
.content-three-column #left-column
{
	width: 250px;
}
.content-three-column #right-column
{
	width: 250px;
}

.content-two-column #columns
{
	width: 64em; /* TCF 03/11/2006 Might need to change for non IE6 browsers*/
}
.content-two-column #left-column
{
	width: 32em;
}
.content-two-column #right-column
{
	width: 32em; /* 1em narrower because of the right hand 1em margin set in #columns */
}



/* ==========================================================
   .MONTH
========================================================== */
h3.month
{
	font-weight: normal;		
}
/* ==========================================================
   .STANDARD-TABLE
========================================================== */
/*table.standard-table
{
	color: #666;
	border:1px solid #0073AE;	
}
table.standard-table th 
{

	font-family: Arial, San-Serif;		
	background-color:#0073ae;
	padding: 0.4em 0.3em;
	font-weight: bold;
	border-style: none;
	border-bottom:1px solid #0073AE;
	font-size: 1.1em;
	color:#fff;
}
table.standard-table td
{
	font-family: Arial, San-Serif;	
	padding: 0.4em 0.3em;
	border-style: none;
	font-size: 1.1em;
	vertical-align: top;
}
table.standard-table td.row-header 
{
	background-color:#0073ae;	
	border-right:1px solid #0073AE;
	font-weight: bold;
	color:#fff;
}

table.standard-table td.row-header a{
color:#fff;
text-decoration:none;
}
table.standard-table td.row-header a:hover{
color:#fff;
text-decoration:underline;
}*/
.standard-table
{
	margin-bottom: 10px;
	/*width:647px;*/
	width:99%;
	border-collapse: collapse;
	border-top:none;
	border-left:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
	border-bottom:none;
}
/**IE7 Fix**/
*+html .standard-table{
 font-size:10px;
}
.standard-table table
{
	border-collapse: collapse;
}

.standard-table th
{
	padding: 4px;
	color: #fff;
	font-weight: normal;
	background-color: #0073AE;
	text-align:left;
	border:none;
	border: 1px solid #0073AE;
	font-size:1.2em;
}

.standard-table td
{
	background: #fff;
	color: #3C3C3C;
	padding: 4px 5px;
	/*To fix the site editor style*/
	font-family: Arial, Sans-Serif;
	border:none;
	border-bottom: 1px solid #D1D1D1;
	font-size:1.2em;
	text-align:left;
}
#content .standard-table p
{
font-size:1.0em;
}
.standard-table td input
{
	padding: 2px;
	background: #fff;
	border: 1px solid #D4D4D4;
	color: #3C3C3C;
	font-size: 1em;	
}
.standard-table td a 
{
	color:#0073ae;
}


.standard-table .subHeader
{
	background: #fff;
	color:#0E85BB;
	font-weight:bold;
}


/* ==========================================================
   .STANDARD-TABLE EVENT-CALENDAR 
========================================================== */
table.event-calendar
{
	width: 99%;	
	/*width:647px;*/
}
.col-date {width: 20%;}
.col-category {width: 11%;}
.col-venue {width: 23%;}
.col-event {width: 45%;}

/* ==========================================================
   ADDITIONAL INFO
========================================================== */
#additional-info
{
	/*width: 13.7em;*/
	width:137px;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
/*#additional-info h2
{
	display: none;
}*/
#additional-info ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 1.2em;
}
#additional-info ul li
{
	border-bottom:1px solid #0073AE;
	border-left:1px solid #0073AE;
	height: 3.7em;
	background-position: center center;
	background-repeat: repeat-y;
}
#additional-info ul li a
{
	display: block;
	height: 3.7em;
	background-position: 8px 50%;
	background-repeat: no-repeat;
	text-transform: capitalize;
	text-decoration: none;

}
#additional-info ul li span
{
	display: block;
	padding: 0.3em 0.2em 0 50px;
}
#additional-info ul li a:link
{
	color: #0073AE;
}
#additional-info ul li a:visited
{
	color: #0E85BB; 
}
#additional-info ul li a:hover
{
	background-color: #6EA7E3;
}

#additional-info ul li.selected
{
	background-image: url(../images/template/additional-info_current_bg.gif);
	background-color: #a4c6e3; 
}
#additional-info ul li.selected a:link, #additional-info ul li.selected a:visited, #additional-info ul li.selected a:hover
{
	color: #0073AE;
	background-color: transparent;  
}
#info-price a{background-image: url(../KP/images/template/additional-info_price.gif);}
#info-virtual-tour a{background-image: url(../KP/images/template/additional-info_virtual-tour.gif)}
/*#info-pdf a{background-image: url(../KP/images/template/additional-info_pdf.gif)} */
#info-img-library a{background-image: url(../KP/images/template/additional-info_img-library.gif)} 
#info-itinery a{background-image: url(../KP/images/template/additional-info_itinery.gif)}
#info-event a{background-image: url(../KP/images/template/additional-info_information.gif)}
#info-travel a{background-image: url(../KP/images/template/additional-info_travel.gif)}
#info-map a{background-image: url(../KP/images/template/additional-info_map.gif)}
#info-menu a{background-image: url(../KP/images/template/additional-info_menu.gif)}
#info-hotels a{background-image: url(../KP/images/template/additional-info_hotel.gif)}
#info-schedule a{background-image: url(../KP/images/template/additional-info_schedule.gif)}
#info-links a{background-image: url(../KP/images/template/additional-info_links.gif)}
/*#info-jobs a{background-image: url(../KP/images/template/additional-info_jobs.gif)} */

/*	Steve Green 17-01-08: New additional info links: 'Brochure' and 'Fact Sheet' */
#info-fact-sheet a{background-image: url(../KP/images/template/additional-info_fact-sheet.gif)}
#info-brochure a{background-image: url(../KP/images/template/additional-info_brochure.gif)}


/* ==========================================================
   ENQUIRIES
========================================================== */
#enquiries .warning
{
	color: Red;
}
#enquiries input
{
	background-color: #FFFFFF;  /* TCF 25/09/2006 */
}
#enquiries fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
#enquiries legend
{
	display: none;	
}
#enquiries label
{
	font-size: 1.2em;	
}
#enquiries p label
{
	font-size: 1em;	
}
#enquiries-personal
{
	float: left;
	width: 32em;
}
#enquiries-personal #prefix /* span around title  */
{
	display: block;
	margin: 0 0 1em 8em;
}
#enquiries-personal #prefix label
{
	margin: 0 0 0 2em;	
}
#enquiries-personal #prefix input
{
	margin: 0 0.5em 0 0;
	width: auto;
}
#enquiries-personal label.for-text
{
	width: 8.3em;
	float: left;
	margin: 0.5em 0 0 0;
}
#enquiries-personal input
{
	margin-top: 0.5em;
	width: 12em;
}
#enquiries-personal #personal-address-2, #enquiries-personal #personal-address-3
{
	margin-left: 8.3em;
}
#enquiries #enquiries-company
{
	float: right;
	width: 29em;
	padding: 3em 0 0 0;
}
#enquiries-company label
{
	float: left;
	width: 8.3em;
	margin: 0.5em 0 0 0;
}
#enquiries-company input
{
	width: 12em;	
	margin: 0.5em 0 0 0;
}
#enquiries-company label.info
{
	float: right;
	width: 12em;
}
#enquiries #enquiries-events
{
	clear: both;
	padding: 2em 0 0 0;	
}
#enquiries-events div
{
	float: left;
	margin-bottom: 1.5em;
	display: inline;
}
#enquiries-events #events-one
{
	margin: 0 0 0 5em;
	width: 18em;	
}
#enquiries-events #events-two
{
	width: 20em;	
}
#enquiries-events #events-three
{
	width: 18.5em;	
}
#enquiries-events #event-not-listed
{
	width: 21em;
	margin: 0 0 1em 5em;
}
#enquiries-other 
{
	margin-left: 5em;	
	padding: 2em 0 0 0;
}
#enquiries-other #txtAdditionalInfo
{
	width: 27em;
	margin: 0 0 0 5em;
}
/* TCF 25/09/2006 */
#enquiries-other p
{
	width:51em;	
}
#enquiries-other p.label span
{
	display: block;
	float: left;
	width: 26em;	
}
#enquiries-other #label-hear
{
	display: inline;
	margin-right: 9.5em;
}
#enquiries #enquiry-buttons
{
	margin: 2em 0 0 0;	
	padding: 0 13em 0 0;
}
#enquiries span.button
{
	float: right;
	margin: 0 0 1em 3em;	
	padding: 0;
}
#enquiries span.button input
{
	padding: 0.2em 1.5em;	
	margin: 0;
	
	background-repeat: repeat-y;
	background-position: center top;
	/*background-color: #808FAE;*/
	background-color: #0073AE;
}

/* ==========================================================
   REQUEST A BROCHURE PAGE
========================================================== */
#brochure input
{
	background-color: #FFFFFF;  /* TCF 25/09/2006 */
}
#brochure fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
#brochure legend
{
	display: none;	
}
#brochure label
{
	font-size: 1.2em;	
}
#brochure p label
{
	font-size: 1em;	
}
#brochure-personal
{
	float: left;
	width: 38em;
}
#brochure-personal label.for-text 
{
	width: 8.3em;
	float: left;
	margin: 0.5em 0 0 0;
}
#brochure-personal label.error
{
	width: 38em;
	float: left;
	margin: 1em 0 0 0;
}
#brochure-personal input
{
	margin-top: 0.5em;
	width: 12em;
}
#brochure-personal #personal-address-2, #brochure-personal #personal-address-3
{
	margin-left: 8.3em;
}

/* Steve 17-01-08: Removed margin-left: 8.3em; */
#brochure span.button
{
	margin-top: 1em;	
	float: left;
}
#brochure span.button input
{

	padding: 0.2em 1.5em;	
	margin: 0;
	background-repeat: repeat-y;
	background-position: center top;
	/*JDS*/
	/*background-color: #808FAE;*/
	background-color: #0073AE;
}

/* ==========================================================
   EXTRA
========================================================== */
#extras, #extras-news
{
	float: right;
	width:155px;
	min-height:535px;
}
/*JDS */
#extras-news{width:217px;}
#extras label
{
	font-size: 1.2em;	
}
/*	SEThreeSection.aspx bottom right img: set absolute width & height incase image of incorrect size has been uploaded with SE */
/*
div.image-one
{background: transparent url(../images/extras_bg2.jpg) no-repeat left bottom; }
*/
div.image-one img
{
	width: 154px;
	height: 332px;
/*	position: absolute;
/*	left: 84.5em;
	top: 29.2em;*/
}
div.extras-item
{
	/*JDS*/
	/*border-bottom: 1px solid #8A98B3;
	 border-bottom:1px solid #0073AE;*/
	border-bottom:1px solid #0073AE;
}
div.quick-link /* Call back, virtual tours etc */
{
	height: 6.5em;
}
div.quick-link a
{	 
	display: block; 
	width: 6.5em;
	font-size: 1.2em;
	float: left;
	margin: 0.5em 0 0 0em;
	padding: 0 0 0 6.2em;
	height:4.5em; 
}
.extras-call-back
{
	background-color: #FFF;
	background-image: url(../KP/images/template/call-back-text_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0.2em 50%;
}
.extras-virtual-tour
{
	background-color: #FFF;
	background-image: url(../KP/images/template/virtual-tour-text_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0.2em 50%;
}
.extras-enquiry
{
	background-color: #FFF;
	background-image: url(../KP/images/template/enquiry-text_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0.2em 50%;
}
.extras-video
{
	background-color: #FFF;
	background-image: url(../KP/images/template/button-video_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0.2em 50%;
}
#extras div.clear
{
	display: none;	
}
#extras fieldset
{
	margin: 0;
	padding: 0;
	border: 0;	
}
#extras legend
{
	display: none;	
}
#extras div.last
{
	border-bottom: none;	
}

/* ==========================================================
   EXTRAS-EVENT-SEARCH
========================================================== */
#extras-event-search
{
	padding: 0 0 0.5em 0;
}
#extras-event-search .link-title
{
	font-size: 1.5em;
	margin: 0.6em 0.6em 0.2em 0.3em;
	color: #333; 
	font-weight: bold;
}
#extras-event-search div.form
{
	margin: 0 0.5em;
}
#extras-event-search label
{
	margin: 1em 0 0 0;
}
#extras-event-search select /* ddEventMonth */
{
	width: 11.6em;
	margin: 0.3em 0 0.5em 0;
}
#extras-event-search span.button
{
	float: right;	
	margin: 0.3em 0.7em 0 0;
}
#extras-event-search span.button input
{
	width: 10em;	
}
#extras-event-search a
{
	margin: 0.5em 0.7em 0 0;
	font-size: 1.2em;
	float: right;
}
/* ==========================================================
   EXTRAS-REGISTER TO RECEIVE EMAILS
========================================================== */
#extras-register
{
	padding: 0 0 0.5em 0;
}
#extras-register .link-title
{
	font-size: 1.5em;
	margin: 0 0.6em 0.2em 0.3em;
	padding: 0.6em 0 0 0;
	color: #333; 
	font-weight: bold;	
}
#extras-register div.form
{
	margin: 0 0.5em;
}
#extras-register label  /* All text in register div apart from heading */
{
	margin: 1em 0 0 0;
}
/* #extras-register label span 
{
	float: left;
}*/
#extras-register input.short /* first & last name text boxes  */
{
	margin-top: 0.3em;
	margin-left: -0.5em;
	width: 5.35em; 
}
#extras-register input.long /* email text box */
{
	width: 11em;
	margin-top: 0.3em;
	margin-left: -0.5em;
}
/*#extras-register label input
{
	width: auto;
	float: right;
	margin: 0;
}*/
#extras-register span.button /*  */
{
	float: right;	
	margin: 0.3em 0.7em 0.5em 0;
}
#extras-register span.button input
{
	width: 10em;
}
/* ==========================================================
   SPACED-LIST
========================================================== */
ul.spaced-list li
{
	margin-top: 1em;
}

/* ==========================================================
   ADVANCED-SEARCH
========================================================== */
#advanced-search
{
		
}
#advanced-search fieldset
{
	border: none;
	margin: 0;
	padding: 0;	
}
#advanced-search #leftcol
{
	float: left;
	width: 35em;
}
#advanced-search #rightcol
{
	float: right;
	width: 29em;
}
#advanced-search #buttons
{
	text-align: center;
	width: 64em;
	padding-top: 1em;
}
#advanced-search legend
{
	display: none;	
}
#advanced-search label
{
	display: block;
	float: left;
	width: 7em;
	font-size: 1.2em;	
	margin: 0.5em 0 0 0;
}
#advanced-search select
{
	margin: 0.5em 0 0 0;
	width: 19em;
}
#advanced-search #ddEventMonth
{
	width: 15em;
}
#advanced-search input
{
	margin: 0.5em 0 0 0;
	width: 9em;	
}
#advanced-search #txtEventKeyword
{
	width: 14.5em;	
}
#advanced-search img
{
	margin: 0 0.5em -0.4em 0.5em;
}
#advanced-search span.date-format
{
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
/*#advanced-search span.button
{
	margin: 1em 3em 0 1em;
}
#advanced-search span.button input
{
	display:inline-block;
}*/

#advanced-search .button
{
	display:inline-block;
}
#advanced-search span.button input
{
	margin: 0;
	padding: 0.1em 0.3em;
	color: #FFF;
	background-color:#0073AE;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #FFF;
	width:120px;
}
/* ==========================================================
   BUTTON
========================================================== */
span.button
{
	/* each use of the span.button must be either floated or displayed absolute due to cross browser issues */
	border: 1px solid #0073AE;
}
span.button input
{
	margin: 0;
	padding: 0.1em 0.3em;
	color: #FFF;
	/*background-color: #8998B7; */
	background-color:#0073AE;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #FFF;
}

.flowButton
{
	float:left;
	border: 1px solid #0073AE;
	margin-top:1em;
}

.flowButton a
{
	display:inline-block;
	color: #FFF;
	background-color:#0073AE;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #FFF;
	padding: 0.2em 1.5em;	
}
.flowText{display:inline-block;	float:left; margin-top:1em;}

.standard-table .flowButton
{
 color:#fff;
 display:inline;
}
.standard-table .flowButton a
{
	display:inline-block;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.0em;
	white-space:nowrap;	
	color:#fff;
}
.standard-table .flowButton a:hover
{
	text-decoration:none;
}
.standard-table .inlineButton a
{
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.0em;
	white-space:nowrap;	
	color:#fff;
}
.standard-table a:hover
{
	text-decoration:underline;
	
}
.standard-table .inlineButton
{
	color: #FFF;
	background-color:#0073AE;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1em;
	border: 1px solid #FFF;
	padding:3px 8px;
	white-space:nowrap;		
}
.standard-table .inlineButton:hover
{
	text-decoration:underline;
}

/* ==========================================================
   LORDS-LOGO
========================================================== */
#lords-logo
{
	float: right;
	margin: -4em 0 0 0;	
}

/* ==========================================================
   VENUE / FACILITY
========================================================== */
div.venue, div.facility
{
	width: 49em;
	margin: 1em 0 1em 8em;
	clear: both;
	float: left;
	display: inline;
}
div.venue h2, div.facility h2
{	
	float: left;
	margin: 0 0 0 129px; /* TCF 04/12/2006 reduced by 1 px from 130px */
	width: 17em;
	line-height: normal;
	display: inline;
	color: #818181;
	font-size: 1.9em;
	font-weight: normal;
}
div.venue img, div.facility img
{
	float: left;
	margin: -1.8em 0 0 0;
}
div.venue p, div.facility p
{
	float: left;
	width: 21.5em;
	margin: 1em 0 0 20px;
	display: inline;
}
div.venue span.more, div.facility span.more
{
	float: right;
	display: block;
	padding: 1px;
	/*JDS*/
	/*border: 1px solid #BCBBC0;*/
	border:1px solid #0073AE;
	background-color: #FFF;
	margin: 1.8em 0 0 0;
}
div.venue span.more a, div.facility span.more a
{
	display: block;
	text-decoration: none;
	padding: 0.1em 0.3em;
	font-size: 1.2em;
}
div.venue span.more a:link, div.venue span.more a:visited, div.facility span.more a:link, div.facility span.more a:visited
{
	background-color: #0073AE;
	color: #FFF;
}
div.venue span.more a:hover, div.facility span.more a:hover
{
	background-color: #6EA7E3;
	color:#fff;
}

/* ==========================================================
   IMAGE-ITEM
========================================================== */
div.image-item
{
	width: 36.8em;
	float: left;
	margin: 0 1.7em 1.7em 0;
	display: inline;
}
div.image-item p
{
	float: right;	
	width: 19em;
	margin: 0.5em 0 0 0;
}
div.image-item h2
{
	float: right;
	width: 19em;
	font-size: 1.2em;
	margin: 0;
}
div.image-item img
{
	float: left;	
	width: 13em;
	height: 9.8em;
}
div.image-item div.buttons
{
	clear: both;
	padding: 1em 0 0 14em;
	margin: 0;
}
div.image-item span.more, #image-preview span.more
{
	float: left;
	display: block;
	padding: 1px;
	/*JDS*/
	/*border: 1px solid #BCBBC0;*/
	border:1px solid #0073AE;
	background-color: #FFF;
	margin: 0 1em 0 0;
}
div.image-item span.more a, #image-preview span.more a
{
	display: block;
	text-decoration: none;
	padding: 0.2em 0.7em;
	font-size: 1.2em;
}
div.image-item span.more a:link, div.image-item span.more a:visited, #image-preview span.more a:link, #image-preview span.more a:visited
{
	background-color: #0073AE;
	color: #FFF;
}
div.image-item span.more a:hover, #image-preview span.more a:hover
{
	background-color: #6EA7E3;
	color:#fff;
}

/* ==========================================================
   IMAGE-PREVIEW
========================================================== */
#image-preview h3
{
	float: right;
	margin: 0 0 1em 0;
	width: 23em;
	font-size: 1.2em;
}
#image-preview p
{
	float: right;
	width: 23em;
	margin: 0 0 1em 0;
}
#image-preview img
{
	float: left;
	width: 48.2em;
	height: 36.3em;
}
#image-preview div.buttons
{
	float: right;
	width: 27.6em;
	margin: 0 0 1em 0;
	clear: right;
}

/* ==========================================================
   SITE-INFORMATION
========================================================== */
#site-information
{
	/*JDS*/
	text-align: center;
	background:#fff;
	float:left;
	padding:5px 0;
	clear:both;
}
div.site-information-short
{
	width: 1000px;
}
div.site-information-long
{
		width: 1000px;
}
/*#site-information h3
{
	display: none;
}*/
#site-information ul
{
	list-style-type: none;
	margin:0;
	padding: 0;
	color:#0073AE;
}
#site-information ul li
{
	display: inline;
}
#site-information a
{
	text-decoration: none;
	padding: 0 1em;
}
#site-information a:link
{
	color: #0073AE;
}
#site-information a:visited
{
	color: #0073AE;
}
#site-information a:hover, #site-information a.selected:link
{
	color: #6EA7E3;
}
#site-information a.last
{
	border: none;	
}

/* ==========================================
Search and results page
=========================================== */
#results
{
	margin-top: 2em;
	margin-right: 1em;
	
}
#results #dgResults
{
	width: 100%;
	border:1px solid #eee;	
}
#results #dgResults td
{
	padding:3px;
}
/* ==========================================
Generic data grid styles 
=========================================== */
.ItemStyleOn 
{	
	color: #333;
	background-color:#FFFFFF;
	font-size: 1.6em;
}
.ItemStyleOff
{
	color: #333;
	background-color:#eee;
	font-size: 1.6em;
}
.HeaderStyle
{
	background-color: #0073aE;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	font-size: 1.6em;
}
.PagerStyle
{
	text-align:center;
	font-size: 1.6em;
	background-color: #0073aE;
	color: #ffffff;		
}
.PagerStyle a, .PagerStyle a:link, .PagerStyle a:visited, .PagerStyle a:hover 
{
	color: #eee;
}
.PagerStyle a:link, .PagerStyle a:visited 
{
	text-decoration: underline;
}


/* ==========================================================
   .Site Map
========================================================== */
table.SiteMap
{
	width:100%;
	font-size:medium;	
}

table.SiteMap td
{
	width:33%;	
	vertical-align:top;
}

/* ==========================================================
Site Editor footerlinks 
========================================================== */

#footerlinks
{
	text-align: center;
	/*background:#0073AE;*/
	color:#0073AE;
	width:1000px;
	padding:10px 0;
	clear:both;
	margin:0 auto;
}
#footerlinks a
{
	color:#0073AE;
}

#fadingLine
{
	width:1000px;
	margin: 0;
	padding: 0;
}
ul#fadingLine
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	width:1000px;

}
#fadingLine li
{
	list-style-type:none;
	width:244px;
	height:10px;
	float:left;
}

#fadingLine li.level1
{
	background:#0073AE;
	margin-right:4px;
}
#fadingLine li.level2
{
	background:#0E85BB;
	margin-right:4px;
	margin-left:4px;
}
#fadingLine li.level3
{
	background:#6EA7E3;
	margin-right:4px;
	margin-left:4px;
}
#fadingLine li.level4
{
	background:#A4C6E3;
	margin-left:4px;
}

/*************************/
/*JDS 10/12/2009
/*Styles for News Article
/*************************/
h2.articleTitle{ margin-bottom:0; padding-bottom:0;}
p.articleDate{font-size:1.1em; font-weight:bold; margin:0; padding:0 0 10px 0;}
.newsArticle{float:left; width:510px;}
.newsImage{float:left; padding:0 10px 0 0; margin:0;}
.newsImage img{ float:left; margin:4px 0;}
#content .newsImage p{float:left; clear:both;margin:0; padding:0; font-size:1.1em;}
.newsArticle p.articleAuthor{ margin:0; padding:0; font-weight:bold;}
.newsArticle p{}
.relatedProducts{ float:left; clear:both; padding:0; background:#A4C6E3;padding:15px; }

.thumbnail, .thumbnailLast
{
float: left;
margin-right:20px;
margin-bottom:20px;
padding:0;
}
.thumbnailLast{margin-right:0;}
.thumbTitle{ font-size:1.6em; font-weight:bold; color:#000; padding:4px 0; display:inline-block;}
.thumbSubTitle{font-size:1.5em; color:#fff;display:inline-block;}
.thumbnailCentered{ margin:0 auto; float:left;}
.clearboth { clear: both; }
.extraSubSection
{
	border:1px solid #A4C6E3;
	margin:10px 5px;
	font-size:1.1em;
}
.extraSubSection a{ text-decoration: underline;}
.extraSubSection h3
{
	background:#A4C6E3;
	text-align:center;
	padding:2px;
	margin:0;
} 

.subSectionListArticle
{
	list-style-image: url(../KP/images/content_ul_li.gif); 
	margin:5px 0;
	padding-left:20px;
}

.subSectionListCategories, .subSectionListArchive
{
	list-style-type:none;
	margin:5px 0;
	padding-left:5px;
}

.subSectionListCategories ul, .subSectionListArchive ul
{
	list-style-image: url(../KP/images/content_ul_li.gif); 
	margin:5px 0;
	padding-left:20px;
}

a.currentItem{color:#000; font-weight:bold;}

#content .subSectionListArchive
{
	list-style-type:none;
	list-style-image:none;
	margin:5px 0;
	padding-left:5px;
	font-size:1.3em;
	
}
#content .subSectionListArchive ul
{
	list-style-image: url(../KP/images/content_ul_li.gif); 
	margin:5px 0;
	padding-left:25px;
	font-size:1.0em;
}

/*News Archive Styles*/

.newsArchive
{
	margin-right:10px;
	margin-bottom:10px;
	padding: 0 0 15px 0;
	border-bottom:1px dotted #A4C6E3;
	float:left;
}
.newsArchive p
{
	margin: 8px 0;
	
}
.newsArchive p.newsDate{margin:0;}
.newsArchive h2{margin:0; padding:0 0 2px 0;}
.newsArchive h2 a{ /*If they want the links to be dark unhide this color:#333333;*/}
.newsArchive span.more
{
	float:right;
	margin:0;
	font-size:1.1em;
	
}