/* blueislands.css
** Steve Andrews
** Healthspan 2007 
**/

/* universal */
html,body 
{
	margin:0;
	padding:0;
	font-family:arial,sans-serif;
	color:#515153;
	background:#363A60;
}

img
{
    border:0;
    display:block;
}

a
{
	color: #363A60;
}

a:visited 
{
    color:#363A60;
}

/* positioning */
div#Container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
    height:100%;
	display:table;
	background:#fff;
}

/* Header */

#Header
{
    position:relative;
}

.BlueIslandsLogo
{
    float:left;
}

.BritishFlag
{
    position:absolute;
    top:10px;
    right:95px;
}

.FrenchFlag
{
    position:absolute;
    top:10px;
    right:60px;
}

.GermanFlag
{
    position:absolute;
    top:10px;
    right:25px; 
}

/* TwoColumnLayout.master */
#TwoColumnMain
{
    margin-right:20px;
    width:475px;
    float:left;
    margin-left:25px;
    display:inline;
}

#TwoColumnMain h1
{
    font-size:150%;
    font-weight:normal;
    color:#4C4A6F;
    margin-top:0px;
    margin-bottom:5px;
}

#TwoColumnMain h2
{
    font-size:90%;
    margin:0;
}

#TwoColumnMain p
{
    font-size:80%;
    margin-top:5px;
}

#TwoColumnMain p.contact
{
    font-size:80%;
    margin: 5px 0 10px 0px;
    line-height:20px;
}

#TwoColumnMain li
{
    margin: 0px 0px 0px 0px;
    line-height:20px;
}

ul
{
    font-size:80%;
    font-family:Arial, Sans-Serif;
}
#TwoColumnRight
{  
    float:right;
    width:225px;
    margin-bottom:25px;
}

#TwoColumnRight h1
{
    font-size:150%;
    font-weight:normal;
    color:#fff;
    margin-top:0px;
}

#TwoColumnRight h2
{
    font-size:90%;
    margin:0;
    color:#fff;
    font-weight:normal;
    padding-left:20px;
}

/* OneColumnLayout.master */
#OneColumnMain
{
    margin-left:25px;
    margin-right:25px;

    width:695px;
}

#OneColumnMain h1
{
    font-size:150%;
    font-weight:normal;
    color:#4C4A6F;
    margin-top:0px;
    margin-bottom:5px;
}

#OneColumnMain h2
{
    font-size:90%;
    margin:0;
}

#OneColumnMain p
{   
    font-size:80%;
    margin-top:5px;
}

#OneColumnMain table
{
    font-size:80%;
    border-collapse:collapse;
}


/* LandingPageLayout.master */
#LandingPageMain
{
    margin-right:20px;
    width:475px;
    float:left;
    margin-left:25px;
    display:inline;
}

#LandingPageMain h1
{
    font-size:150%;
    font-weight:normal;
    color:#4C4A6F;
    margin-top:20px;
    margin-bottom:5px;
}

#LandingPageMain h2
{
    font-size:90%;
    margin:0;
}

#LandingPageMain p
{
    font-size:80%;
    margin-top:5px;
}

#LandingPageMain p.contact
{
    font-size:80%;
    margin: 5px 0 10px 0px;
    line-height:20px;
}

#LandingPageMain li
{
    margin: 0px 0px 0px 0px;
    line-height:20px;
}

#LandingPageMain
{  
    float:right;
    width:490px;
    margin-bottom:25px;
}

#LandingPageMain h2
{
    font-size:90%;
    margin:0;
    /*color:#fff;*/
    font-weight:normal;
    /*padding-left:20px;*/
}

.LandingPageLeft
{
    padding-left: 11px;
    background-color: transparent;
 	width: 200px;
    float: left;
}

.LandingPageleftDefault
{
    background: url(../../en/images/destinations/booking-left-back.jpg) no-repeat scroll 0 0;
}

.LandingPageleftDurrell
{
    background: url(../../en/images/destinations/booking-left-back-durrell.jpg) no-repeat scroll 0 0;
}

#LandingPageHeaderImage {
	float: right;
}

.LandingPageLeft a
{
}

.LandingPageLeft iframe {
   margin-bottom: 100px;
   margin-left: 9px;
}

#LandingPageMain p.landingPageIntro {
font-size:1.18em;
line-height:1.13em;
}


#navigationLandingPage #SubNavigation {
	margin-bottom: 0;
}


#HotelBooking
{
}

#ctl00_ContentRight_MicrosEBooking1_UpdatePanel1
{
background:url('../../en/images/user_controls/book_hotel.jpg') no-repeat;
     width:200px;
     padding-top:50px;
}

p.News
{
    cursor:pointer;
    font-weight:bold;
    color:#4C4A6F;
    text-decoration:underline;
}

.AccordionHeader
{
    background:url(../../en/images/master/symbol_arrow.gif) no-repeat bottom left;
    cursor: pointer;
    line-height:18px;
    color:#4C4A6F;
}

.accordionHeader
{
    cursor: pointer;
    line-height:20px;
    width:500px;
    margin-bottom:1px;
    padding-left:20px;
    color:#fff;
        background:#4C4A6F;
text-transform:uppercase;
font-size:75%;
font-weight:bold;
    width:675px;
}

.accordionHeaderSelected
{
        cursor: pointer;
    line-height:20px;
    padding-left:20px;
    color:#fff;
        background:#4C4A6F;
        text-transform:uppercase;
font-size:75%;
font-weight:bold;
}

.accordionContent
{
    padding-left:20px;
                color:#4C4A6F;
    background-color:#EEEEEE;
    width:675px;
        
}

.AccordionHeader a
{
    text-decoration:none;
    color:#4C4A6F;
}

.AccordionHeader h2
{
   padding-left:25px;
   float:left;
}

.AccordionHeaderSelected
{
   background:url(../../en/images/master/symbol_arrow_gold.gif) no-repeat bottom left;
   cursor: pointer;
   line-height:18px;
}

.AccordionHeaderSelected a
{
    text-decoration:none;
}

.AccordionHeaderSelected h2
{
   padding-left:25px;
   color:#F8BA19;
   float:left;
}

.AccordionContent img
{   

}

.AccordionContent p
{
    margin-bottom:0px;
    margin-right:20px;
}

/* Footer */

.WizardPrevious
{
    display:none;
}

div#header {
	padding:1em;
}

div#content {

}

#Footer 
{
    float:left;
	background:#ddd;
	border-top:1px solid gray;
    background:#EEEEEE;
    padding:0 0 0 0;
    width:750px;
    margin-top:25px;
    min-height:22px;
}

#Footer a
{
    text-decoration:none;
    font-size:75%;
    color:#3D4063;
    padding-left:17px;
    white-space:nowrap;
    line-height:20px;
    padding-right:10px;
}

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

div#copyright
{
    margin-left:auto;
    margin-right:auto;
    margin-top:3px;
    width:750px;
    font-size:75%;
    text-align:right;
    color:#fff;
}


#SiteMap div
{
    margin-left:20px;
}


#SiteMap a
{
    text-decoration:none;
    color:#3D4063;
    font-size:85%;
}

#SiteMap a:hover
{
    text-decoration:underline;
    font-weight:bold;
}

#LiveFlightInfo
{
    color:#fff;
}

#LiveFlightInfo h2
{
    font-weight:normal;
}
#LiveFlightInfo td
{
    padding:5px;
}

#LiveFlightInfo a
{
    font-size:80%;
    color:#fff;
    text-decoration:none;
}

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

#LiveFlightInfo tr
{
    background-color:#A8BDD8;
}

#LiveFlightInfo tr.alt
{
    background-color:#31365C;
}

/* update without !important, fix */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:190px !important;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:190px !important;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#363A60 !important;border-color:#363A60 !important;color:#fff !important;}

.TimetableTable
{
    font-family:Arial;text-align:center;
}

.TimetableTable th
{
        background:#C6D8EA;
}

.TimetableTable tr.alt
{
    background:#F4F5F5;
}

/*************************************/
/*INDULGE ADDED FOR JERSEY HOTEL PAGE*/
/*************************************/


div.hotelPanel {
	overflow: hidden;
	width: 100%;
}

div.hotelPanel div.leftHotelPanel {
	float: left;
	width: 470px;
	margin: 0 15px 0 0;
	padding: 0 0 35px 0;
	display: inline;
}

div.hotelPanel div.rightHotelPanel, div.defrance-rightHotelPanel {
	float: left;
	width: 205px;
	margin: 0;
	padding: 0;
	display: inline;
}

div.defrancePanel div.leftHotelPanel {
	width: 461px;
}


/* Booking Widget */

div#booking_widget {
	border: 0;
	/*padding: 0;*/
	padding: 5px 10px 20px 21px;
}

div#HotelBooking {
	margin-top: 10px;
}

div#HotelBooking h1 {
	font-size:95%;
	font-weight:normal;
	letter-spacing:0.2em;
	margin:20px 0 10px 20px;
	text-transform:uppercase;
}

div#booking_widget fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

div#booking_widget label {
	font-size: 0.8em;
	display: block;
	padding-bottom: 3px;
	color: #fff;
}

div#booking_widget div.calendarImage {
	display: inline;
}

div#booking_widget div.calendarImage img.MyCalendar {
	display: inline;
	position: relative;
	top:4px;
}

div#booking_widget div.booking_widget_element {
	margin: 13px 0 0 0;
}

div#booking_widget div#booking_widget_arrdate {
	margin: 0;
}


#HotelBooking {
	background-image: url(../../en/images/hotels/bookingformbackground.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #6A9572;
	float: left;
	width: 200px;
}