body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;background: #888888;}
body.whitebody {background: #FFFFFF;}
td {  font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
.price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
input {  font: 11px Verdana, Arial, Helvetica, sans-serif}

a {outline: none;}
input {outline: none;}

a:active {  color: #333333; text-decoration: none }
a:link {  color: #0033CC;text-decoration: underline }
a:hover {  color: #ea4a06; text-decoration: none }
a:visited {  color: #0066FF;text-decoration: underline }
a:visited:hover { color: #ea4a06 ; text-decoration: none }
.titre-info {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; colorXX: #FF9933; color: #FF3300}
H1 { color: #ff3300; font: bold 20px Verdana, Arial, Helvetica, sans-serif;margin: 0 0 3 0 }
H2 { color: #FF3300; font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 3 0 3 0 }

.titre-bleus {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #045DC5}
.titre-rouges { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF1D0B}
.titre-blancs { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.forms { font: normal 10pt Verdana, Arial, Helvetica, sans-serif}
.coupdecoeur {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #CC6633}
.titre-oranges { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.titre-noir-norm { font: normal 13px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.footerabout {  font-family: verdana, optima, arial, sans-serif; font-size: 10px; color1: #444444;}
.footerText {  font-family: verdana, optima, arial, sans-serif; font-size: 10px; color: #444444;}
a:active .footerText{  color: #333333; text-decoration: none }
a:link .footerText{  color: #0033CC;text-decoration: underline }
a:hover .footerText{  color: #ea4a06; text-decoration: none }
a:visited .footerText{  color: #0066FF;text-decoration: underline }

.FooterTextBold {  font-family: verdana, optima, arial, sans-serif; font-size: 11px; font-weight: bold}
.titre-noir-norm { font: normal 13px verdana, optima, arial, sans-serif; color: #000000}
.boldbleu {  font-family: verdana, optima, arial, sans-serif; font-size: 11px; font-weight: bold; color: #101BAB}
 
 .date-home {  font: 9px verdana, optima, arial, sans-serif}
.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; color: #333333}
.textewish {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CC0066}

.hotellisttitle { color: #ff6600; font: bold 18px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px }

.texte-capital1 { color: #ff6600; font: bold 18px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px }
.texte-capital2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight1: bold;
	color: #666666;
	font-size: 3em;
	float: left;

	margin: 0.0em 0.1em 0.0em 0.0em;
	padding: 0.2em 0.05em 0.3em 0.0em;

	background-color1 : #DDDDDD;
}
.texte-capital { color: #666666; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px }

a.disc_info {
position:relative; 
top1:3px;
z-index:24; 
color:#000;
text-decoration:none
}


a.disc_info:hover{
z-index:25;
background-color:#F4FAFC
}

a.disc_info span{
display: none
}

a.disc_info:hover span{ 
display:block; 
position:absolute;
top:33px;
bottom1:2em; 
left:-22em; width:45em;
border:2px solid #83C6E4;
background-color:#F4FAFC; 
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

.texte-big-gras {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
.texte-gras {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.texte-small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
.texte-small-gras {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.texte-small-red {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ff0000}
.titre-rouge-edito {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ea4a06}
.texte-orange-edito {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600; font-weight: bold}
.texte-hotel-edito {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; colorXX: #990000;color: #e92f01; font-weight: bold}
.sous-titre_orange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: ff9900}
.sous-titre_gris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: 999999}
.titre-rubrique_orange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: ff6600 ; font-weight: bold}
.texte-rouge-edito {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ea4a06}
.sous-titre_rouge_ITV { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ea4a06 }
.gros-titre-bleu {  font-family: Impact; font-size: 26px; color: #100C7B}
.titre { color: #ff3300; font: bold 20px Verdana, Arial, Helvetica, sans-serif }

.titre-deals { color: #ff4800; font: bold 24px verdana, optima, arial, sans-serif }
.sous-titre-deals { color: #3f7bad; font: bold 14px verdana, optima, arial, sans-serif }
.sous-titre-big-deals { color: #3f7bad; font: bold 18px verdana, optima, arial, sans-serif }
.button { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; background:#99CC33; color:#003399 }
.wishlist {  font-family: verdana, optima, arial, sans-serif; font-size: 11px; font-weight: normal; color: #CC0066}
a.wishlist:link {  color: #CC0066 }
a.wishlist:hover {  color: #ea4a06 }

.hoteldeal {
	background-color1: #FFFFCC;
	margin-bottom: 0px;
	padding-bottom: 4px;
	padding-top: 2px;
	margin-left: 0px;
	margin-right: 2px;
	text-align: left;
}


.liveDeals {
	color: black;
	padding: 0px;
	padding-left: 4px;
	margin-left1: 0px;
	margin-top1: 2px;
	margin-right1: 2px;
	border1: 3px solid #FFEE9D;
	visibility: hidden;
	background:#F4FAFC;
	margin:10px 2px 0px 0px;
	border:1px solid #83C6E4;
}

.liveDealsVisible {
	color: black;
	padding: 0px;
	padding-left: 4px;
	margin-left1: 0px;
	margin-top1: 2px;
	margin-right1: 2px;
	border1: 3px solid #FFEE9D;
	visibility: visible;
	background:#F4FAFC;
	margin:10px 2px 0px 0px;
	border:1px solid #83C6E4;
}

.leftAdd {
	position:absolute;
	left: 50%;
	margin-left: 387px;
	top: 30px;
	width:160px;
	height:600px;
	background-color:#F4F4F4;
	border-bottom:1px solid #DBE2EA;
	border: 1px solid #DBE2EA;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	visibility1: hidden;
	display: none;
}

.horizontalAdd {
	width:468px;
	height:60px;
	background-color:#FFFFCC;
	border-bottomXX:0px solid #DBE2EA;
	borderXX: 0px solid #DBE2EA;
	paddingXX:2px #FFFFCC;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	visibility1: hidden;
	display: none;
}

.HTMLPanelLoading {
	background-color:#FFEE9D;
}

.centerpage 
{
  	background: white;
	position: absolute;
	position1: relative;
 	left: 50%;
	width: 749px;
	padding1: 10px 0px 100px 0px;
	border-style: solid; 
	border-color: #000000;
	border-width: 2px;
	margin-left: -377px;
 	margin1: -0px 0px 10px -377px;   
}

#debug 
{
	color: #888888;
    
}

.borderit img{
border: 1px solid #ffffff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}



.borderit:hover img{
border: 1px solid #444444;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}


.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}


/**************************** SITE SEARCH WITH GOOGLE ***********************************/
/****************************************************************************************/
form {margin:0;padding:0;}

.clr2 {clear: both; font-size: 0.01%; height: 0; line-height: 0; overflow: hidden}

/* ----------------- search ---------------------- */
.searchBoxHeader {color: #999}
.searchBoxHeaderFocus2 {}
#searchsite {float: right; text-align: right; width: 210px; padding-top: 3px; padding-right: 2px}
#searchsite_island {float: right; text-align: right; width: 185px; padding: 0px 0px 5px 0px;}

#resultssearchsite {float: left; text-align: right; width: 320px; padding-top: 3px; padding-right: 2px}

#searchsiteInput {float: left; margin-right: 2px; vertical-align: top}
#searchsiteInput input {width: 156px; height: 20px; border:1px solid #B8C7D9; border-color: #ccc; margin:0px; padding: 2px 4px 2px 20px; background: #FFFFFF url(images/icon_search.gif) 2px 2px no-repeat}

#searchsiteInputTransitional {float: left; margin-right: 2px; vertical-align: top}
#searchsiteInputTransitional input {width: 156px; height: 14px; border:1px solid #B8C7D9; border-color: #ccc; margin:0px; padding: 2px 4px 2px 20px; background: #FFFFFF url(images/icon_search.gif) 2px 2px no-repeat}


#resultssearchsiteInput {float: left; margin-right: 2px; vertical-align: top}
#resultssearchsiteInput input {width: 196px; height: 20px;, border:1px solid #B8C7D9; border-color: #ccc; margin:0px; padding: 2px 4px 2px 20px; background: #FFFFFF url(images/icon_search.gif) 2px 2px no-repeat}


#searchsiteSubmit, #searchsiteSubmit input {width: 20px; height: 20px}
#searchsiteSubmit {float: left; position: relative; top: 1px; padding-left: 2px}
#searchsiteSubmit input {border: none}



/**************************** LYTEBOX **************************************/
/****************************************************************************/


#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }

/* This class is placed on the HTML Panel Container element
 * when a load request has failed.
 */



/**************************************************************************/
/**************************** WEATHER **************************************/
/****************************************************************************/

.weather { font-family: Verdana, Arial, Helvetica, sans-serif; font-size1: 11px; font-weight: normal; background1: #888888; margin-top: 10px; margin-left: 6px}
.weather #mainTemp {font-size: 38px; font-weight: bold; color1: #ff5a10; background1: #888888;}
.weather #mainSign1 {font-size: 25px; font-weight: bold; color1: #ff5a10; background1: #888888; margin-bottom1: 15px;padding-bottom1: 15px;vertical-align: super; }
.weather #mainSign2 {font-size: 21px; font-weight: bold; color1: #ff5a10; background1: #888888;}

.weather #islandname {font-size: 11px; font-weight: bold; background1: #888888;  margin-bottom: 3px}

.weather .weekday {font-size: 11px; font-weight: normal; background1: #888888;}
.weather .weektemp {font-size: 11px; font-weight: normal; background1: #888888;}
.weather #updated {font-size: 9px; font-weight: normal; background1: #888888;margin-top: 3px;}

.weather #mainicon { margin-left: 5px;margin-top: 3px;}


.weatherTopOut {
	CURSOR: auto
}
.weatherTop {
	BACKGROUND: url(../images/weather/bg_top.gif) no-repeat left top
}
.weatherBtm {
	BACKGROUND: url(../images/weather/bg_btm.gif) no-repeat left top; margin-bottom: 5px; height: 10px;
}
.weatherTopOver {
	BACKGROUND: url(../images/weather/bg_top_over.gif) no-repeat left top; CURSOR: pointer
}

.weatherBtmOver {
	BACKGROUND: url(../images/weather/bg_btm_over.gif) no-repeat left top; CURSOR: pointer
}
.weatherBtmOut {
	CURSOR: auto
}


.result-bestrateguaranteed a{
display:block;
width: 171px;
height: 18px;
font: bold 11px sans-serif;;
color:#333;
background: url("../images/BestRateGuarantee-Result.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9000px;
}
.result-bestrateguaranteed a:link {background-position: 0 0px;}
.result-bestrateguaranteed a:hover {background-position: 0 -26px;}


.lastbooking {
	padding: 3px 3px 3px 3px;
	margin: 6px 6px 6px 6px;
	border:1px dashed #FF3300;
	text-align: left;
	font-size:10px;
	font-weight:bold;
	color:#666;
	line-height:14px;;
}

.lastbooking img {
	margin: 2px 3px 0px 1px;
	padding:0 0px 0px 0;
	float:left;
	displayXX:none;
}