/*
 * Edited by Martin Bean on 18 March 2008
 * Email: martin.bean@fuseboxdesign.co.uk
 */

/*
 * EDIT: Removed double quotes from declarations of background URLs as the double quotes technique doesn't work in some web browsers
 */

/******************************************/
/******************************************/
/******************************************/
/* general */
* {
margin:0;
padding:0;
}
body {
	font:62.5%/140% Verdana, Helvetica, Geneva, Arial, sans-serif;
	background: url(/images/site/ff/body_bg.gif) top repeat-x; /* repeating header background */
}
div#headerHolder{
  text-align: center;
  background: url(/images/site/ff/body_bg.jpg) top center no-repeat; /* header background image */
}
div#header {
  margin: 0 auto;
  text-align:left;
  width: 775px; 
  }
div#mainContentHolder{
  text-align: center;
  background:url(/images/site/ff/maincontent_bg.gif) top left repeat-x;
  min-height:100px;
  border-top:1px solid #D8D3E1;
  min-height:140px;
}
div#mainContent {
  margin: 1px auto !important;
  text-align:left;
  width: 760px; 
  padding-left:0px;
  }
div#mainContent{
	margin-top:1px;
}
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

img {
	border: none;
}
/******************************************/
/******************************************/
/******************************************/
/* tabs */
#tabs {
position:absolute;
top:115px;
font-size:95%;
line-height:normal;
width:760px;
}
#tabs ul {
margin:0;
padding:10px 10px 0 0px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url(/images/site/ff/tableft.gif) no-repeat left top;
margin:0 0 0 2px;
padding:0 0 0 8px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url(/images/site/ff/tabright.gif) no-repeat right top;
padding:5px 9px 7px 2px;
color:black;
font-size:110%;
font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:black;
}
#tabs a:hover {
background-position:0% -50px;
}
#tabs a:hover span {
background-position:100% -50px;
color:white;
}

#tabs .current a {
background-position:0% -50px;

}
#tabs .current a span {
background-position:100% -50px;
color:white;
}
/******************************************/
/******************************************/
/******************************************/
/* header */
div#header{
height:149px;
}
/******************************************/
/******************************************/
/******************************************/
/* logo */
div#logo{
position:relative;
left:0px;
top:25px;
width:391px;
height:76px;
background:url(/images/site/ff/logo.gif) top left no-repeat;
}
div#logo a{
float:left;
width:391px;
height:76px;
text-indent:-99999px
}
/******************************************/
/******************************************/
/******************************************/
/* search */
div#searchHolder{
position:relative;
left:500px;
top:-43px;
width:260px !important;
}
div#searchHolder ul{
margin:0;
padding:0;
list-style:none;
height:23px !important;
}
div#searchHolder ul li{
float:left;
margin:0;
padding:0;
}
div#searchHolder ul li#searchleft{
margin:0;
padding:0;
width:11px;
height:23px;
background:url(../images/site/ff/search_left.gif) top left no-repeat;
}
div#searchHolder ul li#searchmiddle{
background-color:white;
border:3px solid #8575A2;
border-left:0px;
border-right:none;
}
div#searchHolder ul li#searchmiddle input{
margin:0;
padding:0;
height:16px !important;
*height:14px !important;
border:0px;
width:228px;
margin-bottom:1px;
}
div#searchHolder ul li#searchright{
margin:0;
padding:0;
width:21px;
height:23px;
/*background:url("/images/site/ff/search_right.gif") top left no-repeat;*/
}
div#searchHolder ul li#searchright a{
float:left;
width:21px;
height:23px;
}
/******************************************/
/******************************************/
/******************************************/
/* font size changer */
div#fontSizeChanger{
float:right;
margin-top:-2px;
*margin-top:-5px;
_margin-top:-7px;
width:145px !important;
text-align:right;
margin-right:18px;
*margin-right:20px;
_margin-right:8px;
}
div#fontSizeChanger #fontSizeHoriz{
overflow:hidden;
padding:2px;
}
div#fontSizeChanger a{
	color:#00166F;
	text-decoration:none;
	}
.clear{
clear:both;
}
.clearWithHeight{
clear:both;
height:10px;
}
#fontSizeChanger a{
zoom:1;
cursor:hand;

}

#fontSizeChanger a#sm{
	font-size:8px !important;
	padding:1px;
	display:inline;

}
div#fontSizeChanger a#med{
	font-size:12px !important;
	display:inline;

}
div#fontSizeChanger a#lg{
	font-size:14px !important;
	display:inline;

	}
div#fontSizeChanger a.sizeOn {
	background-color:#C7E8F5;
	border:solid 1px #00166F;
	color: #3C3C3C;
	padding-left:2px;
	padding-right:2px;
	}
div#fontSizeChanger a.sizeOff {
	color:#00166F;
}
/******************************************/
/******************************************/
/******************************************/
/* footer */
div#footerHolder{
  text-align: center;
  background:url(/images/site/ff/footer_bg.gif) top left repeat-x;

}
div#footerHolder #footer{

  width:770px;
  margin:0 auto;
  height:141px;
  text-align:left;
}
div#footerHolder ul#leftLinks{
	float:left;
	padding:10px 0px 0 5px;
}
div#footerHolder ul#leftLinks li{
	float:left;
	list-style:none;
}
div#footerHolder ul#leftLinks li a{
	font-size:90%;
	color:#636265;
	text-decoration:none;
}
div#footerHolder ul#leftLinks li a:hover{
	pointer:hand;	
	text-decoration:underline;
}
div#footerHolder ul#rightLinks{
	float:right;
	padding:10px 10px 0 0;
}
div#footerHolder ul#rightLinks li{
	float:left;
	list-style:none;
}
div#footerHolder ul#rightLinks li a{
	font-size:90%;
	color:#636265;
	text-decoration:none;
}
div#footerHolder ul#rightLinks li a:hover{
	pointer:hand;	
	color:#E92D8C;
}
div.demo { 
	float: left; 
	width: 246px;
	height:122px; 
	padding:2px;
    text-align: center; 
    font: verdana, arial, sans-serif;
}
/******************************************/
/******************************************/
/******************************************/
/* Copy*/
div#mainContentHolder #mainContent #mainContentCopy{
float:left;
width:480px;
text-align:justify;
}

div#mainContentHolder #mainContent #rightCol{
float:left;
/*
margin-top:34px;
*margin-top:33px;
_margin-top:33px;
border-top:2px solid #D8D3E1;
*/
padding-left:22px;
width:250px;
text-align:justify;
}

div#mainContentHolder #mainContent #mainContentCopyFull{
float:left;
width:100%;
text-align:justify;
}
div#mainContentHolder #mainContent #leisureCard{
text-align:justify;
background:url("../images/site/ff/center/ncl_leisure_card_new.jpg");
height:95px;
width:239px;
margin-right:5px;
margin-top:14px;
margin-bottom:5px;
float:right;
cursor:pointer;
position:relative;
}
div#mainContentHolder #mainContent #leisureCard h2{
	margin:0;padding:20px 0 0px 10px;
	color:#81738D;
}
div#mainContentHolder #mainContent #leisureCard p{
	margin:0;padding:0px 0 10px 10px;
	color:black;
	font-weight:bold;
}

#getYoursToday
{
position:absolute;
top:41px;
left:4px;
color:#FFF;
}

div#mainContentHolder #mainContent #leisureCard #leisureCardLink{
	text-align:left;
position:absolute;
top:56px;
left:14px;
	width:100px;
	}
div#mainContentHolder #mainContent #leisureCard #leisureCardLink a{
	color:white;
}
div#mainContentHolder #mainContent #mainContentCopy h2, 
div#mainContentHolder #mainContent #vacanciesdiv h2, 
div#mainContentHolder #mainContent #mainContentCopyFull h2, 
div#mainContentHolder #mainContent #mainContentCopy h3, 
div#mainContentHolder #mainContent #mainContentCopyFull h3,
div#mainContentHolder #mainContent #rightCol h2, 
div#mainContentHolder #mainContent #rightCol h3 
{
	font-size:150%;
	margin:0;
	padding:20px 0 10px 0;
	*padding:10px 0 10px 0;
	_padding:20px 0 10px 0;
	color:#81738D;
}
div#mainContentHolder #mainContent #mainContentCopy p,
div#mainContentHolder #mainContent #vacanciesdiv p, 
div#mainContentHolder #mainContent #mainContentCopyFull p,
div#mainContentHolder #mainContent #rightCol p
{
	margin:0;
	padding:0 0 10px 0;
	color:#352144;
	line-height:1.6em;
}
div#mainContentHolder #mainContent #mainContentCopy a,
div#mainContentHolder #mainContent #vacanciesdiv a{
	text-decoration:none;
	line-height:1.8em;
	font-weight:bold;
	color:#81738D;
}
div#mainContentHolder #mainContent #mainContentCopy ul,
div#mainContentHolder #mainContent #mainContentCopyFull ul
{
	margin:0;
	padding:0;
	height:auto;
	margin-bottom:20px;
	list-style-type:none !important;
}
div#mainContentHolder #mainContent #mainContentCopy ul li,
div#mainContentHolder #mainContent #mainContentCopyFull ul li
{	
	margin:0 0 0 25px;
	padding:0;
	height:auto;
	line-height:1.5em;
}

/******************************************/
/******************************************/
/******************************************/
/* Training Images */
div#mainContentHolder #mainContent ul{
	float:left;
	list-style-type:none !important;
	margin:0px 0 10px 0;padding:0;
	height:110px;
	width:100%;
	}
div#mainContentHolder #mainContent ul li#trainDetails{
	float:left;
	margin:0;padding:0;
	padding:10px;
	background:#B0A3CF url(/images/site/ff/train_bg.gif) top left repeat-x;
	width:218px;
	height:90px;
}
div#mainContentHolder #mainContent ul li#trainDetails h2{
	margin:0 0 10px 0;padding:0;
	color:#EFEDF5;
}
div#mainContentHolder #mainContent ul li#trainDetails p{
	margin:0 0 15px 0;padding:0;
	color:black;
	font-weight:bold;
	font-size:90%;
}
div#mainContentHolder #mainContent ul li#trainDetails a{
	margin:0;padding:0;
	color:black;
	font-size:90%;
	text-decoration:underline;
}
div#mainContentHolder #mainContent ul li#trainImage{
	margin:0;padding:0;
	float:left;
	width:515px;
	height:110px;
    background:#B0A3CF url(/images/site/ff/trainimage.jpg) top left repeat-x;
}
/******************************************/
/******************************************/
/******************************************/
/* Rounded Corners */

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0 0;
	padding:0;
	border:3px solid #CC3366;
	background:#CC3366;
}
/* Normal styling */
.cb {margin:3px 0;}
/* Top corners and border */
.bt {
	height:3px;
	margin:0 0 0 3px;
	background:url(../images/site/ff/box_2.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-3px;
	width:3px;
	height:3px;
	background:url(/images/site/ff/box_2.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:3px;
	margin:0 0 0 3px;
	background:url(/images/site/ff/box_2.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-2px;
	width:3px;
	height:3px;
	background:url(/images/site/ff/box_2.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 2px;
	background:url(/images/site/ff/borders_2.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 2px 0 0;
	background:url(/images/site/ff/borders_2.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0px 2px;
	background:#CC3366;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/******************************************/
/******************************************/
/******************************************/
/* Png */
h2.transPng{
background:transparent url(/images/site/ff/ppf-bg.png) repeat scroll 0%;
position:absolute;
padding:10px 7px 10px 7px;
margin-top:77px;
color:white;
width:216px;
}
h2.circleRight{
background:transparent url(/images/site/ff/circle_right.png) top left no-repeat;
position:absolute;
padding:10px 7px 10px 7px;
margin-top:87px;
margin-left:200px;
color:#ddd;
width:16px;
height:16px;
}
div#preFooter{text-align: center;padding:0;margin:0;}
div#preFooterLine{border-bottom:2px solid #D7D1E7; width:770px;margin:0 auto;height:10px;padding:0;}
div#imageone{width:238px;margin:0 10px 0 0;padding:0;}
div#imagetwo{width:238px;margin:0 10px 0 10px;padding:0;}
div#imagethree{width:238px;margin:0 0 0 10px;padding:0;}
div#mainContentHolder #mainContent ul#threeImages {margin-top:10px;margin-bottom:0px;padding:0;height:140px;  list-style-type:none !important;}
div#mainContentHolder #mainContent ul#threeImages li {float:left; list-style-type:none !important}
div#mainContentHolder #mainContent ul#threeImages img {margin:0;padding:0;}
div#mainContentHolder #mainContent #breadcrumb{margin-top:10px;padding-bottom:10px;color:#81738D;font-weight:bold;border-bottom:2px solid #D8D3E1;}
.thumblabel{color:#81738D;font-weight:bold;}
/******************************************/
/******************************************/
/******************************************/
/* linkTable */
.linkTable{}
.linkTable a{text-decoration:none;color:#81738D;font-weight:bold;}
/************************
 datagrid styles
************************/
table{
font-size:100%;
}
.datagrid {
	w/idth:100%;
	margin:0 0 0 0;
	/*border-bottom:1px solid #e7e7e7;*/
}
.datagrid .paging {
	background: #f0f0f0;
	text-decoration: none; /*Jon*/
	color: #999;
	border-bottom: none;
	font-weight: bold;
	text-align: center;
	border-right: none;
	line-height:normal;
	border:1px solid #D8D3E1;
}
.datagrid a{
	color:#4E78AB;
	text-decoration:none;
}
.datagrid th {
	background:url(images/site/tableheaderedge.png) repeat-x 0 0;
	color:#4E78AB;
	text-align:left;
}
.datagrid td {
	line-height: 20px;
	background-color:#F0F0F0;
	padding:5px;
}
.datagrid tr.a td, .a {
	background-color: #fafafa;
	border:1px solid #D8D3E1;
}
.datagrid tr.b td, .b {
	background-color: #f0f0f0;
	border:1px solid #D8D3E1;
}
.datagrid td.size{
	padding-right:21px;
}
.datagrid td p {
	margin:0 0 1em;
}
.datagrid td p.last {
	margin:0;
}
.datagrid tr.last td {
	border-bottom:none;
}
table.datagrid td.toolbar {
	background:#f0f0f0 url(admin/images/toolbar_bg.gif) repeat-x;
	padding:7px 6px 5px;
}
.datagrid th.end, .datagrid2 th.end {
	border-right:none;
}
.datagrid td.end, .datagrid2 td.end {
	border-right:none;
}
.datagrid2 td, .datagrid2 th {
	border-bottom:1px solid #fff;
}
.datagrid2 th {
	background: #e7e7e7;
	color: #666666;
}

.datagrid span{
	width:100%;
	float:left;
	display:block;
}

.datagrid tr.hover td{
	background-color:#E1E8F0;
	cursor:pointer;
}
.applink {
	background-position: 0 0;/*ie7*/
	_background-position: 0 2px;/*ie6*/
	background-repeat: no-repeat;
	text-decoration: none; /*Jon*/
/*	padding: 2px 0 2px 21px;/*ie7*/
/*	padding: 1px 0 1px 21px;/*ie6*/*/
	_padding: 0 0 0 21px;/*ie6*/
	line-height: 20px;
	height: 20px;
	padding:2px 0 2px 21px;
	_padding: 0px 0 0 21px;/*ie6*/
}
/************************************/
/************************************/
/************************************/
/************************************/
/************************************/

.newsItem{
	float:left;
	display: block;
	margin:  0;
	padding: 0;
	width:100%;
	height:auto;
	color:#81738D;
	text-decoration:none;
	}
.newsItem .title{
	font-weight: bold;
	font-size: 1.2em;
}
.newsItem .newsDate, .newsItem .newsTitle, .newsItem .newsContent, .newsItem .newsText, .newsItem .newsReadMore{
	display: block;
}
.newsItem .newsReadMore{
	margin-top:10px;
}
.newsItem .newsDate{
	font-weight:bold;
}
.newsItem .newsContent{
	color:black;
}
.newsItem .newsReadMore:hover{
	text-decoration:underline;
}
/*
.newsItem .newsImageHolder{
	float:left;
	height:115px;
}
.newsItem .newsImage{
	margin-right: 20px;
	border:1px solid black;
	float:left;
	margin:0px 10px 10px 0;
}
.newsItem .newsReadFull{
	margin-top: 4px;
	border:1
}
.newsItem .newsReadFull:hover{
	text-decoration:underline !important;
}
.newsItem .noImage{
	float: left;
	margin-right: 20px;
	width:100px;
	height:100px;
}
*/
.spacer10{
	height:10px;
	width:100%;
}
/********************/
div#mainContentHolder #mainContent #mainContentCopyFull ul#sitemap{
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
line-height:1.5em;
}
div#mainContentHolder #mainContent #mainContentCopyFull ul#sitemap li{
padding:0 0 0 0 !important;
margin:0 0 0 15px !important;
line-height:1.5em;
}
div#mainContentHolder #mainContent #mainContentCopyFull ul#sitemap span{
}
div#mainContentHolder #mainContent #mainContentCopyFull ul#sitemap a{
	color:#81738D;
	text-decoration:none;
	font-weight:bold;
}

div#mainContentHolder #mainContent #bookOnline{
text-align:justify;
background:url("../images/site/ff/center/book_online_now_slim.jpg");
height:95px;
width:239px;
margin-right:5px;
margin-top:14px;
float:right;
cursor:pointer;
}

ul.leisure_links
{
  width:230px !important;
  height:auto !important;
  margin-top:-3px !important;
  list-style-type: none !important;
  *margin-top:-7px !important;
  background:#A4739C;
  position:absolute;
  border:4px solid #CC3366;
  display:none;
}

ul.leisure_links li a span
{
  width:216px;
  padding:5px 7px 5px 7px;
  display:block;
  font-size:1.1em;
  color:#000000;
  font-weight:bold !important;
  text-decoration:none;
  cursor:pointer;
}

ul.leisure_links li a
{
  text-decoration:none;
}

ul.leisure_links li a:hover span
{
  background:#6C276A;
  color:#FFFFFF;
}

#imagetwo_leisure_links
{
margin-left:10px !important;
}

#imagethree_leisure_links
{
margin-left:10px !important;
}