@charset "utf-8";
/****************************************/
/* stylesheet for eden main website */
/****************************************/

/****************
* html elements *
****************/
html * {
	padding:0px;
	margin:0px;
	border:0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#444444;
	background-color:#385829;
	background-image:url(/images/structure/rainforest-tile.jpg);
	background-position: top center;
	padding-bottom:200px;
}

h1, h2, h3, h4, h5 {
	letter-spacing:-1px;
	color:#000000;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.15em;
}

img {
	border:none;
}

img.floatLeft, a.floatLeft {
	margin-right:10px;
}

img.floatRight, a.floatRight {
	margin-left:10px;
}


ol, ul {
	margin-left:30px;
}

ol li, ul li {
	padding-bottom:10px;
} 
a, a:visited, a:link, a:active {
	color:#00b6e4;
	text-decoration:underline;
}
/* remove the underline on headings that are links except on rollover */
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
	text-decoration:none;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover {
	text-decoration:underline;
}


a:hover {
	text-decoration:underline;
}

table {
	margin-bottom:15px;
	margin: 0 auto;
}

table td, th{
	padding:3px 10px 3px 3px;
	text-align:center;
	border-bottom: solid #444444 1px;
}

table td.tableCellLeft {
	text-align:left;
}

table th {
	/*background-color:#CCCCCC;*/
		/*background-color:#FEFBDA;*/
		font-weight:bold;
}

table td {
/*	background-color:#006600;*/
}
p {
	padding-bottom:10px
}

#eventsDiary p {
	padding-bottom:0px;
}

.hiddenText {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

/**********************
* structural elements *
**********************/
#wrapper {
	width:930px;	
	padding:0px 20px;
	margin: 0px auto;
	background:rgb(255,255,255);
}

#masthead {
	height:226px;
/*	width:970px;*/
	margin: 0 auto;
	background-image:url(../images/structure/header.jpg);
	background-position:center;
}

#masthead .header {
	height:165px;
	width:930px;
	margin: 0 auto;
}

#mainLogo {
	float:left;
	margin-top:10px;	
}

#content {
	width:100%;
}

#leftColumn {
	float:left;
	width:690px;
	padding-top:4px;
}

#leftColumnHeader {
	width:700px;
}

#leftColumnContent .lhcLink {
	background-image:url(/images/structure/link-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#00a99d;
	color:#fff !important;
	text-decoration:none !important;
	padding-left:5px;
	height:15px;
	font-size:90%;
	padding-right:20px;
}


#rightColumn {
	float:right;
	width:210px;
	padding-top:4px;
}

#rightColumn .header {
/*	height:65px;*/
	padding-left:5px;
}

/*#rightColumn .header h2 {
	text-transform:capitalize;
	font-size:135%;
}
*/
#rightColumn .rightColumnContent {
/*	padding:10px;*/
}

/****************** special styles for the right promo column blocks ************************/
.rightHandBlock h2,
.rightHandBlock h3
.rightHandBlock h4
.rightHandBlock h5
.rightHandBlock h6 {
}

.rightHandBlock h2 {
	font-size:120%;
	margin-bottom:5px;
}

.rightHandBlock .rhcLink {
	background-image:url(/images/structure/link-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#00a99d;
	color:#fff !important;
	text-decoration:none !important;
	padding-left:5px;
	height:15px;
	font-size:90%;
	padding-right:20px;
}

.rightHandBlock .rhcLink:hover {
	background-image:url(/images/structure/link-arrow-overstate.gif);
	background-color:#00746b;
	text-decoration:none;
}

/* these entries are available to override link style in teh right hand promo blocks oif needed */
#rightColumn .rightHandBlock a {
	color:rgb(0,169,157);
}

#rightColumn .rightHandBlock a:hover  {
}

/* border for images in promo blocks */
#rightColumn .rightHandBlock img {
	border:3px solid rgb(0,169,157);
}

#rightColumn .rightHandBlock .noImageFrames img,
#rightColumn .edenBreaksPromo img {
	border:none;	
}

.edenBreaksPromoEntry .promoEntryContent {
	padding:0;
}

.edenBreaksPromoEntry .logo {
	margin:-9px 0 0 10px;
}

.edenBreaksPromoEntry #hxSubmitLink {
	margin-right:14px;
}

/******************* end of Right Hand Block styles ***********************/


/* create the variable size boxes for the right column */
.promoEntry {
	width:210px;
	margin-top:0px;
	margin-bottom:22px;
	background:url(/images/structure/promo-entry-bg.gif) repeat-y;
}

.promoEntryTop {
	background:url(/images/structure/promo-entry-t.gif) no-repeat;
	height:8px;
}

.promoEntryContent {
	padding:0px 10px 0px 10px;
}

.promoContentSection {
	zoom:1;
}

.promoEntryBottom {
	background:url(/images/structure/promo-entry-b.gif) no-repeat;
	height:4px;
}

/* create the full width variable size boxes for the main content area in the left column */
#leftColumn .mainEntry {
	background:#fff url(/images/structure/handdrawn-border-h.gif) repeat-x 0 100%;
	margin-bottom:20px;
}

.mainEntryContent {
	overflow:hidden;
	padding-bottom:15px;
	background:#fff;
}

.mainEntryBottom {
	display:none;
}

.mainEntryContent img, .halfEntryContent img {
	border:3px solid #00a99d;
}

.mainEntryContent img.noBorder, .mainEntryContent img.noBorderFloatLeft, .mainEntryContent img.noBorderFloatRight,
.halfEntryContent img.noBorder .halfEntryContent img.noBorderFloatLeft, .halfEntryContent img.noBorderFloatRight {
	border:none !important;
}


/* create the half width variable size boxes for the main content area in the left column */
#leftColumn .halfEntry {
	margin-bottom:20px;
	width:330px;
	background:#fff url(/images/structure/handdrawn-border-h.gif) repeat-x 0 100%;
	min-height:180px;
}


#leftColumn .mainEntry.lastEntry,
#leftColumn .halfEntry.lastEntry {
	background:none;
}

.col1 {
	float:left;
	width:auto;
}

.col2 {
	float:right;
	width:auto;
}


/************************ social media *************************/

.socialMediaLinks {
    clear:both;
    float:left;
    width:930px;
    background:url('/images/structure/handdrawn-border-h.gif') repeat-x 0 0;
	margin-bottom:30px;
}

.socialMediaLinks  h2 {
    display:none;
}

.socialMediaLinks ul {
	float:left;
	width:930px;
	margin:0;
    background:url('/images/structure/handdrawn-border-h.gif') repeat-x 0 100%;
}

.socialMediaLinks  li {
	list-style:none;
	padding:0;
    float:left;
}

.socialMediaLinks li a {
    display:block;
    width:160px;
    color:#999;
    padding-left:62px;
    margin:10px 0 10px 0;
    background-repeat:no-repeat;
    line-height:59px;
    text-decoration:none;
}

.socialMediaLinks li a:hover {
    text-decoration:underline;
}

.socialMediaLinks .facebook a { background-image:url('/images/structure/sm/facebook.gif'); }
.socialMediaLinks .twitter a { background-image:url('/images/structure/sm/twitter.gif'); }
.socialMediaLinks .youTube a { background-image:url('/images/structure/sm/youtube.gif'); }
.socialMediaLinks .flickr a {
    background-image:url('/images/structure/sm/flickr.gif');
    margin-right:0;
}

.socialMediaLinks .facebook a:hover { background-image:url('/images/structure/sm/facebook-over.gif'); }
.socialMediaLinks .twitter a:hover { background-image:url('/images/structure/sm/twitter-over.gif'); }
.socialMediaLinks .youTube a:hover { background-image:url('/images/structure/sm/youtube-over.gif'); }
.socialMediaLinks .flickr a:hover { background-image:url('/images/structure/sm/flickr-over.gif'); }


/************************ footer sitemap *************************/

#footerContact {
    float:left;
    width:222px;
}

#footerContact .vcard {
	color:rgb(140,140,140);
}

#footerSitemap h2,
#footerContact h2 {
	color:rgb(102,102,102);
	margin-bottom:26px;
}

#footerSitemap,
#footerSitemap ol,
#footerContact ol {
	margin:0;
}

#footerSitemap li,
#footerContact li {
	list-style:none;
	padding:0;
}

#footerSitemap li.l1 {
    float:left;
    width:226px;
    color:rgb(102,102,102);
}

#footerSitemap li.l1.last {
	border:none;
}

#footerContact li,
#footerSitemap li.l2 {
    margin-bottom:8px;
}

#footerContact a,
#footerSitemap a {
    color:rgb(102,102,102);
    text-decoration:none;
}

#footerContact a:hover,
#footerSitemap a:hover {
    text-decoration:underline;
}

#footerSitemap .point a {
    background:url('/images/structure/navigation/point-hand.gif') no-repeat 100% 0;
    padding-right:18px;
    line-height:16px;
}

#footerLegal {
	clear:both;
	color:rgb(102,102,102);
	padding-top:30px;
	font-size:0.8em;
}

#footerLegal p {
	padding:0;
	margin-bottom:2px;
}

/************************ footer funding logos *************************/

#footerSupportedBy {
    clear:both;
    float:left;
    width:930px;
    background:url('/images/structure/handdrawn-border-h.gif') repeat-x 0 0;
	margin:28px 0 30px 0;
	padding-top:4px;
}

#footerSupportedBy h2 {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#footerSupportedBy ul {
	margin:0;
    float:left;
    width:930px;
    background:url('/images/structure/handdrawn-border-h.gif') repeat-x 0 100%;
	padding-bottom:4px;
}

#footerSupportedBy li {
	float:left;
	list-style:none;
	height:65px;
	padding:0;
}

#footerSupportedBy a {
	display:block;
	height:65px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#footerSupportedBy .eu a {
	width:159px;
	background-image:url(/images/structure/funding/eu.gif);
}

#footerSupportedBy .objectiveOne a {
	margin-left:-30px;
	width:124px;
	background-image:url(/images/structure/funding/objective-one.gif);
}

#footerSupportedBy .swrda a {
	margin-left:12px;
	width:161px;
	background-image:url(/images/structure/funding/swrda.gif);
}

#footerSupportedBy .lottery a {
	margin-left:16px;
	width:315px;
	background-image:url(/images/structure/funding/lottery.gif);
}
	
#footerSupportedBy .se a {
	margin-left:16px;
	width:147px;
	background-image:url(/images/structure/funding/se.gif);
}

/************************
* miscellaneous classes *
************************/
.clickableHomeLogo {
	margin-top:20px;
}

.clearFloats {
	clear:both;
}

.linkSpace {
	height:20px;
}

/* between site navigation and content area */
.linkSpace.filler1 {
	padding: 5px 0 6px 0;
}

/* MAILING LIST */
#mailing-list-form fieldset {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: 1px solid #333;
}

#mailing-list-form legend {
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;

}

#mailing-list-form label {
	color: #000000;
	width: 40%;
	float: left;
	margin-top: 0;
}
#mailing-list-form p {
	padding: 0;
	margin-bottom:5px;
}
#mailing-list-form input {
}

#mailing-list-form button {
	width:auto;
	float: right;
}

#rightColumn .twitterFeed {
	padding:0 10px;
}

#leftColumn .blogFeed {
}

.promoEntry .youtubeThumbnail {
	font-size:12px;
	text-align:center;
	width:120px;
	margin:0 auto;
}

.floatLeft, .noBorderFloatLeft {
	float:left;
	width:auto;
}

.floatRight, .noBorderFloatRight {
	float:right;
	width:auto;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.textCentre {
	text-align:center;
}

.textRight {
	text-align:right;
}

.superScript {
	vertical-align:top;
	font-size:70%;
}

.subScript {
	vertical-align:bottom;
	font-size:70%;
}

.hidden {
	display:none;
}

/************* sub page styles ****************/

/*
#leftColumn .sectionContent {
	padding-bottom:10px;
}
*/

.noBorder {
	border:none;
}

div.floatRight {
	margin-left:10px;
	margin-bottom:10px;
}

div.floatLeft {
	margin-right:10px;
	margin-bottom:10px;
}

#accessibilityLinks {
	display:none;
}


/******************
* tag links
*******************/
#tagLinks {
	margin-left:5px;
}

/* remove default paragraph padding in this section */
#tagLinks p {
	padding-bottom:0px; 
}

#tagLinks a
{
	color: #ffffff;
	font-weight:bold;
	background: #328f87 url(../images/structure/L-cap.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	height:20px;
}

#tagLinks a span
{
	background: url(../images/structure/R-cap.gif) right top no-repeat;
	padding-right: 10px;
	height:20px;
}

#tagLinks a, #tagLinks a span
{
display: block;
float: left;
line-height:20px;
width:auto;
}

#tagLinks a:hover
{
text-decoration:underline;
cursor:pointer;
}

#tagLinks a:hover span
{
}

#tagLinks ul
{
list-style: none;
padding: 0;
margin: 0
}

#tagLinks li
{
float: left;
margin: 2px;
padding:0px;
width:auto;
} 

/***************
* events diary *
***************/
.eventTitle {
	margin-top:5px;
	font-weight:bold;
}

.eventDate{
	font-style:italic;
}


/*******************************************/
/* Form layouts                            */
/*******************************************/ 
form legend {
	padding:0 5px;
	color:#444444;
}

form fieldset{
/*	background-color:#ececec; */
	padding:15px 10px 10px 10px;
	margin:10px 0;
	border:1px solid #aaaaaa;
}

form label{
	font-weight:normal;
	display:block;
	float:left;
	width:200px;
	text-align:right;
	margin-top:4px;
}

form textarea,
form input,
form select,
form checkbox,
form radio {
	width:auto;
	margin-left:10px;
	border:1px solid #aaaaaa;
	/*margin: 5px 0 0 10px;*/
}

form#quickLinks select {
	width:170px;
}


form#groupBookingForm textarea,
form#groupBookingForm input,
form#groupBookingForm select,
form#groupBookingForm checkbox,
form#groupBookingForm radio {
	width:auto;
	margin-left:10px;
	border:thin solid #555555;
	/*margin: 5px 0 0 10px;*/
}

form#groupBookingForm p.formfields{
	margin:0;
	padding:2px;
}

form#groupBookingForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

form#schoolsBookingForm textarea,
form#schoolsBookingForm input,
form#schoolsBookingForm select,
form#schoolsBookingForm checkbox,
form#schoolsBookingForm radio {
	width:auto;
	margin-left:10px;
	border:thin solid #555555;
	/*margin: 5px 0 0 10px;*/
}

form#schoolsBookingForm p.formfields{
	margin:0;
	padding:2px;
}

form#schoolsBookingForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

form#tertiaryBookingForm textarea,
form#tertiaryBookingForm input,
form#tertiaryBookingForm select,
form#tertiaryBookingForm checkbox,
form#tertiaryBookingForm radio {
	width:auto;
	margin-left:10px;
	border:thin solid #555555;
	/*margin: 5px 0 0 10px;*/
}

form#tertiaryBookingForm p.formfields{
	margin:0;
	padding:2px;
}

form#tertiaryBookingForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

form#newsletterForm textarea,
form#newsletterForm input,
form#newsletterForm select,
form#newsletterForm checkbox,
form#newsletterForm radio {
	width:auto;
	margin-left:10px;
	border:thin solid #555555;
	/*margin: 5px 0 0 10px;*/
}

form#newsletterForm p.formfields{
	margin:0;
	padding:2px;
}

form#newsletterForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}
/* mini education newletter signup */
form#minieducationnewsletterform {
	padding-bottom:10px;
}

form#minieducationnewsletterform textarea,
form#minieducationnewsletterform input,
form#minieducationnewsletterform select,
form#minieducationnewsletterform checkbox,
form#minieducationnewsletterform radio {
	width:auto;
	margin-left:0px;
	border:thin solid #aaaaaa;
}

form#minieducationnewsletterform p.formfields{
	margin:0;
	padding:2px;
}

form#minieducationnewsletterform label{
	clear: both;
	width:auto;
	text-align:left;
	display:block;
	margin-bottom:2px;
}

form#minieducationnewsletterform #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

#miniEducationNewsletterFormLink {
	margin-left:3px;
}

/* mini newletter signup */
form#mininewsletterForm {
	padding-bottom:10px;
}

form#mininewsletterForm textarea,
form#mininewsletterForm input,
form#mininewsletterForm select,
form#mininewsletterForm checkbox,
form#mininewsletterForm radio {
	width:auto;
	margin-left:0px;
	border:thin solid #aaaaaa;
}

form#mininewsletterForm p.formfields{
	margin:0;
	padding:2px;
}

form#mininewsletterForm label{
	clear: both;
	width:auto;
	text-align:left;
	display:block;
	margin-bottom:2px;
}

form#mininewsletterForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

#miniNewsletterFormLink {
	margin-left:3px;
}

/*****************************/

form#contactUsForm textarea,
form#contactUsForm input,
form#contactUsForm select,
form#contactUsForm checkbox,
form#contactUsForm radio {
	width:auto;
	margin-left:10px;
	border:thin solid #555555;
	/*margin: 5px 0 0 10px;*/
}

form#contactUsForm p.formfields{
	margin:0;
	padding:2px;
}

form#contactUsForm #forminfo {
	float:right;
	width:200px;
	background-color:#FFFF99;
	padding:5px;
	margin-right:10px;
	font-size:80%;
}

/************************************
* Holiday Extras mini booking engine
*************************************/

form#hxEmbed{ 
	margin-bottom:10px;
} 

form#hxEmbed textarea, 
form#hxEmbed select, 
form#hxEmbed checkbox, 
form#hxEmbed radio { 
	width:auto; 
	max-width:174px;
	margin:1px 0px 5px 15px; 
	border:1px dotted #999999; 
} 

form#hxEmbed p.formfields{ 
	margin:0; 
	padding:2px; 
} 

form#hxEmbed #forminfo { 
	float:right; 
	width:200px; 
	background-color:#FFFF99; 
	padding:5px; 
	margin-right:10px; 
	font-size:80%; 
} 

form#hxEmbed label{ 
	width:71px; 
	text-align:left; 
	margin-left:15px; 
} 

form#hxEmbed #submitButton{ 
	text-align:right; 
	height:22px;
	width:84px;
} 

/* non js submit button */
form#hxEmbed #submitButton input{ 
	background:none; 
	background-image:url(/images/structure/home/edenBreaksSearchButton.jpg);
	border:none; 
	padding:0px; 
	margin:5px 0px 0px 103px; 
	width:84px; 
	height:22px; 
	color:#ffffff;
	font-weight:bold;
}

/* js submit link */
#hxSubmitLink {
	float:right;
	width:84px;
	height:22px;
	line-height:22px;
	color:#fff !important;
	text-decoration:none;
	font-weight:bold;
	padding-left:6px;
	background:#dc5633 url(/images/structure/link-arrow-mask.png) 100% 0 no-repeat;
	margin:4px 5px 5px 0;
}

.edenBreaksBookingEngine #hxSubmitLink {
	margin:4px 12px 0 0;
}

#hxSubmitLink:hover {
	background-color:#bf4a2a;
}

form#hxEmbed #hotel_details label { 
	float:left; 
	width:73px; 
} 

form#hxEmbed #Nights{ 
	width:83px; 
} 

form#hxEmbed input{ 
	width:65px; 
	margin:1px 0px 2px 17px; 
	border:1px dotted #999999; 
} 

.ui-datepicker-wrap{ 
	float:left; 
} 

#parkCal, #hotel_details{ 
	clear:both; 
}

/************************/
/* social network links */
/************************/
#socialNetworkLinks {
	width:100%;
}
/**********************************/
/* right column what's on listing */
/**********************************/
#whatson-rightcol ul {
	margin:10px 0 0 0;
}

#whatson-rightcol h3 {
	font-size:100%;
}

#whatson-rightcol h3 a:hover {
	text-decoration:none;
}

#whatson-rightcol li {
	clear:both;
	list-style:none;
	padding:0 0 8px 0;
	position:relative;
}

#whatson-rightcol .image {
	float:right;
	margin:5px 10px 5px 0;
}

#whatson-rightcol h2 {
	font-size:110%;
	margin-bottom:5px;
}

#whatson-rightcol .dates,
#whatson-rightcol .time,
#whatson-rightcol .price {
	font-size:85%;
	font-style:italic;
}

#whatson-rightcol .summary {
	font-size:90%;
	margin:5px 0 4px 0;
}

#whatson-rightcol .morelink,
#whatson-rightcol .gettickets {
	display:block;
	font-size:85%;
	margin-bottom:4px;
	color:#8e6198;
}

#whatson-rightcol a:hover {
	text-decoration:none;
}
/**********************************/
/* what's on landing page listing */
/**********************************/
#whatsonlanding-scopeselect {
	position:relative;
	width:100%;
	height:31px;
	background:#6d407b;
	margin:20px 0 7px 0;
}

#whatsonlanding-scopeselect ol {
	position:absolute;
	margin:0;
}

#whatsonlanding-scopeselect li {
	float:left;
	list-style:none;
	font-size:130%;
	font-weight:bold;
	color:#fff;
	margin:0;
	padding:0;
	height:39px;
}

#whatsonlanding-scopeselect a {
	display:block;
	color:#fff;
	text-decoration:none;
}

#whatsonlanding-scopeselect .inner
{
	display:block;
	padding:6px 12px;
}

#whatsonlanding-scopeselect .selected {
	background-image:url(/images/structure/whatsonlanding-scopeselect-arrow.gif);
	background-repeat:no-repeat;
	background-position:50% 98%;
}

#whatsonlanding-scopeselect .selected .inner,
#whatsonlanding-scopeselect a:hover .inner {
	background:#b69fbd;
	border-top:2px solid #6d407b;
	padding-top:3px;
}

#whatsonlanding-scopeselect .first .inner {
	margin-left:2px;
}

#whatsonlanding-scopeselect li .inner span {
	background:transparent !important;
}

#whatsonlanding-scope {
	font-size:120%;
	font-weight:bold;
	background:#b69fbd;
	line-height:25px;
	padding-left:18px;
	color:#fff;
}

#whatsonlanding-categoryfiltersmessage {
	padding:10px 0;
}

#whatson-list {
	float:left;
	width:100%;
	margin:0 0 40px 0;
}

#whatson-list img {
	border:none !important;
}

#whatson-list .event {
	clear:both;
	float:left;
	display:inline;
	width:100%;
	list-style:none;
	margin:0;
	padding:15px 0 6px 0;
	background:url(/images/structure/whatson-list-border.gif) repeat-x 0 100%;
}

#whatson-list .hasimage .leftcol {
	float:left;
	width:111px;
}

#whatson-list .maincol {
	float:left;
	width:420px;
}

#whatson-list .hasimage .maincol {
	width:375px;
}

#whatson-list .rightcol {
	float:left;
	width:200px;
	text-align:right;
}

#whatson-list h2 {
	font-size:120%;
}

#whatson-list a {
	text-decoration:none;
}

#whatson-list a:hover {
	text-decoration:underline;
}

#whatson-list .date {
	color:#8e6198;
	font-size:110%;
	font-weight:bold;
}

#whatson-list .time,
#whatson-list .price,
#whatson-list .gettickets,
#whatson-list .restrictedDays {
	color:#8e6198;
	font-size:100%;
}

#whatson-list a.gettickets {
	text-decoration:underline;
}

#whatson-list a.gettickets:hover {
	text-decoration:none;
}

#whatson-list .practicals {
	margin-bottom:20px;
}

#whatson-list .categories {
	margin:0;
}

#whatson-list .categories li {
	float:left;
	list-style:none;
	padding:0;
	margin-right:4px;
}

#whatsoncalendar {
	margin-bottom:20px;
}

#whatson-category-filter {
	clear:both;
	padding-bottom:10px;
}

#whatson-category-label {
	text-align:left;
	margin:0 0 2px 0;
	color:#6d407b;
	font-weight:bold;
}

#whatson-category {
	width:100%;
	margin:0;
}

/************** basic search results *********************/

#basicSearchResults {
	min-height:180px;
}

#basicSearchResultMasthead {
	position:absolute;
	top:0;
	right:12px;
	width:247px;
	height:170px;
	background:url(/images/structure/search-masthead.png) no-repeat;
}

#basicSearchResults h1 {
	color:#029c91;
	font-size:220%;
	padding:8px 0 12px 0;
}

#basicSearchResultsForm {
	margin-bottom:34px;
}

#basicSearchResultsForm label {
	display:none;
}

#basicSearchResultsQueryWrapper {
	position:relative;
	width:446px;
	height:36px;
	background:url(/images/structure/search-results-input-wrapper.gif) no-repeat;
}

#basicSearchResultsQuery {
	width:400px;
	height:26px;
	font-size:120%;
	border:0;
	margin:4px 0 0 4px;
	padding:2px 0 0 0;
}

#basicSearchResultsSubmit {
	position:absolute;
	top:0;
	right:0;
	width:43px;
	height:36px;
	background:url(/images/structure/search-results-submit.gif) no-repeat;
	text-indent:-9999px;
	text-transform:capitalize; /* stoopied ie6,7 fix to hide text */
	cursor:pointer;
}

#basicSearchResults .resultsCount {
	background:#afdfe4;
	text-align:center;
	margin-bottom:10px;
	padding-top:7px;
	color:#000;
}

#basicSearchResults .resultsCount p {
	padding-bottom:7px;
}

#basicSearchResults .resultsCount a {
	color:#000;
}

#basicSearchResults .resultsCount a:hover {
	text-decoration:none;
}

#basicSearchResults ol {
	margin:0;
}

#basicSearchResults li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 14px 0;
	background:url(/images/structure/search-results-border.gif) 0 100% repeat-x;
}

#basicSearchResults li.last {
	background:none;
}

#basicSearchResults li .title {
	display:block;
	color:#00a99d;
	margin-bottom:4px;
}

#basicSearchResults li .url {
	display:block;
	color:#00746b;
}

#basicSearchResults li p {
	padding:0;
	margin-bottom:4px;
}

#basicSearchResults li a:hover {
	text-decoration:none;
}

#basicSearchResults .paging {
	background:#afdfe4;
	text-align:center;
	line-height:30px;
	color:#999;
}

#basicSearchResults .paging a {
	color:#000;
	padding-right:10px;
}

#basicSearchResults .paging a:hover {
	text-decoration:none;
}

#basicSearchResults .paging span {
	padding-right:10px;
}

/************************
* faqs
************************/

#collapsinglist {
	padding-top:20px;
}

#collapsinglist .collapsing {
	margin:0 0 20px 0;
}

#collapsinglist h2 {
	margin-bottom:0.5em;
}

#collapsinglist li.item {
	list-style:none;
	width:580px;
	margin-left:20px;
}

#collapsinglist .heading {
	font-weight:bold;
}

#collapsinglist.js li.item {
	margin-bottom:10px;
}

#collapsinglist.js .heading {
	background:url(/images/structure/faq-arrow-down.gif) no-repeat 0 50%;
	padding-left:20px;
	cursor:pointer;
	margin:0 0 0 5px;
}

#collapsinglist.js .heading:hover {
	background:url(/images/structure/faq-arrow-downover.gif) no-repeat 0 50%;
}

#collapsinglist.js .heading.open {
	background-image:url(/images/structure/faq-arrow-up.gif);
}

#collapsinglist.js .heading.open:hover {
	background-image:url(/images/structure/faq-arrow-upover.gif);
}

#collapsinglist .content {
	margin-left:26px;
}

/************************
* emergency message
************************/

#emergencyMessage,
.emergencyMessage {
	background-color:#c33;
	color:#fff;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

#emergencyMessage a,
.emergencyMessage a {
	color:#fff;
}

#emergencyMessage p,
.emergencyMessage p {
	padding:5px 0px
}

#emergencyMessage a:hover,
.emergencyMessage a:hover {
	text-decoration:none;
}

#bgContainer {
	background-image:url(../images/structure/form-bg.jpg);
	background-position:450px top;
	background-repeat:no-repeat;
}

#bgContainer fieldset {
	border-style:none;
}

#captcha img {
	margin-left:10px;
}

/*******************************************
* style used for library item shared assets
********************************************/
.rightInset {
	float:right;
	width:200px;
	margin:5px 20px 10px 20px;
	background:url(/images/structure/home/lbox-1-border.gif) repeat-x;
}

.rightInset .inner {
	padding:10px 5px;
	background:url(/images/structure/home/lbox-1-border.gif) repeat-x 0 100%;
}

.leftInset {
	float:left;
	width:200px;
	margin:5px 20px 10px 20px;
	background:url(/images/structure/home/lbox-1-border.gif) repeat-x;
}

.leftInset .inner {
	padding:10px 5px;
	background:url(/images/structure/home/lbox-1-border.gif) repeat-x 0 100%;
}

.rightPullQuote {
	float:right;
	width:190px;
	margin:5px 20px 5px 20px;
	background:url(/images/structure/quote-open.gif) no-repeat;
	padding-top:23px;
}

.leftPullQuote {
	float:left;
	width:190px;
	margin:5px 20px 5px 20px;
	background:url(/images/structure/quote-open.gif) no-repeat;
	padding-top:23px;
}

.leftPullQuote .blockquote,
.rightPullQuote .blockquote {
	background:url(/images/structure/quote-close.gif) no-repeat 100% 100%;
	padding-bottom:23px;
	font-size:120%;
	font-weight:bold;
}

.leftPullQuote .quoteAttribution,
.rightPullQuote .quoteAttribution {
	font-size:90%;
}

.leftPullQuote .quoteAttribution p,
.rightPullQuote .quoteAttribution p {
	padding-bottom:0;
}

.insetsArrowLink {
	background:#00a99d url(/images/structure/link-arrow.gif) 100% 0 no-repeat;
    color:#fff !important;
    font-size: 90%;
    height:15px;
    padding-left:5px;
    padding-right:20px;
    text-decoration:none !important;
}

.insetsArrowLink:hover {
	background-color:#00746b;
	background-image:url(/images/structure/link-arrow-overstate.gif);
}

.rightPullQuote p,
.leftPullQuote p {
	padding-bottom:0;
}

.horizontalFeatures {
	clear:both;
	float:left;
	width:680px;
	padding-top:10px;
	background:url(/images/structure/handdrawn-border-h.gif) repeat-x 0 0;
}

.horizontalFeatures .inner {
	float:left;
	width:680px;
	background:url(/images/structure/handdrawn-border-v.gif) repeat-y 300px 0;
}

.horizontalFeatures .col1 {
	float:left;
	display:inline;
	width:280px;
	padding:10px 10px 0 10px;
}

.horizontalFeatures .col2 {
	float:left;
	display:inline;
	width:290px;
	padding:10px 10px 0 10px;
}

.horizontalFeatures .col2 .insetsArrowLink {
	margin-top:4px;
}

/*******************************************
* video lists
********************************************/

.videoListItem {
	clear:both;
	float:left;
	width:680px;
	background:url(/images/structure/handdrawn-border-h.gif) repeat-x 0 0;
	padding:10px 0;
}

.videoThumb {
	float:left;
	width:247px;
	height:188px;
	padding:2px 0 0 2px;
	margin:0 10px;
	position:relative;
	background:url(/images/structure/videothumb-bg.gif) no-repeat;
	text-decoration:none !important;
	cursor:pointer;
}
.videoThumb a {
	text-decoration:none;
}
.videoThumb .play {
	display:block;
	width:30px;
	height:50px;
	position:absolute;
	top:30%;
	left:40%;
	background:url('/images/structure/video-play.png') no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}

