/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }

html { background:url(../image/bg_sidebars.gif) 50% 169px no-repeat; margin:0; padding:0; }
body { background:url(../image/bg_header.gif) repeat-x 0px 3px; margin:0; padding:0; font-family:Arial; color:#000; font-size:12px;}

a { color:#000; text-decoration:none; }
a:hover { color:#1377E8 }
h1 { font-size:16px; }
h2 { font-size:14px; }
.hr { background:url(../image/bg_postdivider.gif) repeat-x; height:11px; border:none; margin-bottom:10px; }
.hr hr { display:none; }

#header { position:relative; margin:0 auto; width:815px; height:135px; }
#header img { border:0px }
#header .language { float:right; margin:8px }

#contentwrap { position:relative; width:815px; margin:0 auto; }

#content { float:left; width:497px;  }
#content h1 { font-family:"Trebuchet MS"; font-size:18px; color:#666; line-height:24px; padding:0 10px; }
#content h1 a{ color:#666666 }
#content h2 {	background:url(../image/bg_h2.gif) repeat-x #F7F7F7; height:36px; margin:10px 0 0 0; }
#content h2 div {	background:url(../image/bg_h2_span.gif) no-repeat; line-height:30px; padding-left:10px; height:36px; color:#FFFFFF; margin:0; }
#content p, #content dl, #content ul, #content ol { line-height:18px; padding:10px;  }
#content a { font-weight:bold; }
#content a:hover { border-bottom:1px dotted;  }
#content .postinfo { display:block; padding:5px 10px; margin-bottom:5px; background:#F6F6F6; border:1px solid #E8EDF4; color:#333; }
#content .postinfo a {  }
#content blockquote { width:80%; margin:10px auto; padding:0 26px; line-height:18px; background:#FFF url(../image/bg_blockquote_side.gif) no-repeat 0 50%; }
#content blockquote h1 { color:#1377E8; }

#right { float:left; width:305px; margin:0 0 0 9px; }
#right h2 {	background:url(../image/bg_h2.gif) repeat-x #F7F7F7; height:36px; margin:10px 0 0 0; }
#right h2 div {	background:url(../image/bg_h2_span.gif) no-repeat; line-height:30px; padding-left:10px; height:36px; color:#FFFFFF; margin:0; }
#right p { line-height:16px; padding:0; margin:10px  }
#right a { font-weight:bold; color:#0079B2 }
#right a:hover { border-bottom:1px dotted;  }

.gbox { background:#F7F7F7; padding:3px; margin:0 0 10px 0; }

#footer { height:47px; padding:10px; background:#F3F3F3; color:#666; border:1px solid #D1D1D1; }
#footer a {  }
#footer a:hover { border-bottom:1px dotted #1377E8; }

.clear { clear:both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */


form { margin:0; padding:0; }
label { font-weight:bold;}
input { padding:1px 3px 1px 3px; border:1px solid #bdc7d8;}
textarea { font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; padding:1px 3px 1px 3px; border:1px solid #bdc7d8; }
select { border: 1px solid #bdc7d8;	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; padding:2px; }
input.button { font-weight:bold; margin:0; padding:0;  }
.floatright { float:right; }
.floatleft { float:left; }


.resWsuccess {
	background:#E7FAD5;
	color:#000066;
	padding:5px;
	border:1px solid #000066;
}
.resWfailure {
	background:#FDEDE8;
	border:1px solid #B79DA1;
	color:#FF0000;
	padding:5px;
}
#metatag {
	color: #cccccc;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 1px;
}
#metatag a {
	color: #bbbec0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d5d6;
	text-decoration: none;
}
#metatag a:hover {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-decoration: none;
}
/* ///////////////////BOOKING//////////////////////*/

.formTable {
	width:100%;
	border-collapse:collapse;
}
.formHeaderTd {
	font-weight:bold;
	color:#044B67;
	padding:5px;
}
.formSubHeaderTd {
	font-weight:bold;
	color:#044B67;
	padding:5px;
	background:#EEE;
}
.formDeactive {
	color:#999999;
	font-size:14px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
}
.formActive {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
}
.formDisabledCharge {
	text-decoration:line-through;
}
.formCharge {
	color:#009933;
}
.formSeperatorTd {
	background:#ffd200;
	height:10px;
}
.formImage {
	padding:5px;
	margin:3px;
	border:1px solid #999999;
	background:#FFFFFF;
	cursor:pointer;
}
h2.formHeader {
	border-bottom:2px solid #FFCC00;
	font-size:14px;
}
.formLabelTd {
	padding:5px;
	background:#EEE;
	border:1px solid #FFFFFF; 
}
.formSubmitTd {
	border:1px solid #FFFFFF;
}
.formGreenTd {
	background:#E7FAD5;
}
.formRedTd {
	background:#FFCCBF;
}

/* ////////////////////////////////////////////////*/

/* /////////////////////MENU///////////////////////*/
/* CSS Document */
/*
ul#menu { width: 100%; height: 43px; background: url("../image/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: url("../image/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
*/
/* menu-bar */
.jet_menuBar_top{	/* The bar that is parent of the menu strip */

	height:43px;
	background-repeat:repeat-x;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	z-index:100000;
	padding-left:10px;
	background-image:url('../image/menu_bg.gif');
}

.jet_menuBar_sub{
	position:absolute;
	background-color:#FFF;
	color:#006FB1;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 0.8em;
	border-bottom:4px solid #FFD200;
	background-image:url('../image/menu-bar-gradient.jpg');	/* Background image for sub menu items */
	background-repeat:repeat-y;
	background-position: left center;

}

/* /menu-bar */

/* menu-item */

/* CSS FOR MENU ITEM OF TYPE "top" */
.jet_menuItem_top_regular,.jet_menuItem_top_over,.jet_menuItem_top_click,.jet_menuItem_top_disabled,.jet_menuItem_top_active{
	height:19px;
}
.jet_menuItem_top_regular div,.jet_menuItem_top_over div,.jet_menuItem_top_click div,.jet_menuItem_top_disabled div,.jet_menuItem_top_active div{
	padding-top:2px;
	padding-bottom:2px;
}
.jet_menuItem_top_regular{	/* Top level menu item - Regular state */
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:5px;	
	margin-right:2px;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
	font-weight:bold;
	color:#777;
}

.jet_menuItem_top_over{ /* Top level menu item - Mouse over state */
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:5px;	
	margin-right:2px;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
	font-weight:bold;
	color:#333;
	/*
	background-repeat:repeat-x;
	background-image:url('../image/menu_bg.gif');
	*/
}

.jet_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:5px;
	margin-right:2px;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
	font-weight:bold;
	color:#333;
}

.jet_menuItem_top_click{	/* Top level menu item - Mouse click state */
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:5px;
	margin-right:2px;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
	z-index:20000;
	font-weight:bold;
	color:#333;
}

.jet_menuItem_top_disabled{	/* Disabled menu item */
	padding-left:4px;
	padding-right:4px;
	margin-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	cursor:default;
	line-height:16px;
	margin-top:2px;	
}


.jet_menuItem_top_disabled img,.jet_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	-khtml-opacity:.4;	/* Transparency */
}

.jet_menuItem_top_disabled div,.jet_menuItem_top_active div, .jet_menuItem_top_click div, .jet_menuItem_top_regular div,.jet_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
	float:left;
	padding-left:1px;
	padding-right:5px;
}

/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.jet_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
	width:12px;	/* Width of item */
	background-repeat:no-repeat;	/* No background repeat for the arrow */
	background-position:center center;	/* Position of the arrow. at the center of this div */
	background-image: url('../image/menu_strip_down_arrow.gif');	/* Relative path to the arrow */
	margin:0px;	
	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
	padding:0px;
	height:16px;
	margin-left:2px;
	float:right;
}
head:first-child+body .jet_menuItem_top_arrowShowSub {	/* Transparent png for other browsers than IE6 */
	background-image: url('../image/menu_strip_down_arrow.png');	/* Relative path to the arrow */
}


.jet_menuItem_top_over .jet_menuItem_top_arrowShowSub,
.jet_menuItem_top_click .jet_menuItem_top_arrowShowSub
{	/* Sub menu arrows */
	margin-left:1px;
	border-left:1px solid #CCCCCC;
}

/* CSS FOR SEPARATOR */

.jet_menuItem_separator_top{	/* Separator of type "top" */
	height:20px;
	margin-top:10px;
	margin-bottom:3px;
	width:4px;
	padding-left:3px;
	padding-right:3px;
	background-repeat:repeat-y;
	background-image:url('../image/menu_strip_separator.gif');
	
}


/* CSS FOR MENU ITEM OF TYPE "sub" */

.jet_menuItem_sub_regular, .jet_menuItem_sub_over,.jet_menuItem_sub_click,.jet_menuItem_sub_disabled,.jet_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
	clear:both;			
	line-height:18px;	/* Height of menu item */
	height:18px;		/* Height of menu item */
	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
	padding-right:4px;	/* Space inside the menu item */
	padding-top:2px;	/* Space inside the menu item */
	padding-bottom:2px;	 /* Space inside the menu item */
	cursor:pointer;		/* Mouse cursor set to a "hand" */
	margin:1px;	/* A little space around the item */
	background-repeat:no-repeat;	/* No background repeat */
}
.jet_menuItem_sub_disabled{	/* Disabled sub menu item */
	cursor:default;	/* Arrow as cursor instead of hand */
}
.jet_menuItem_sub_disabled div,.jet_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	-khtml-opacity:.4;	/* Transparency */
}
.jet_menuItem_sub_regular,.jet_menuItem_sub_disabled{	/* Regular menu item */
	margin-left:2px;	/* size of margin above + 1 pixel */
	padding-top:3px;	/* Size of padding-top above + 1 pixel */
	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */
}

.jet_menuItem_sub_over,.jet_menuItem_sub_click,.jet_menuItem_sub_active{
	border:1px solid #3f454b;
	text-decoration:underline;	/* Border around mouse over items, click items and active items */
}

.jet_menuItem_sub_over,.jet_menuItem_sub_active{	/* Mouse over effect */	
	background-color:#dae1e5;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
}

.jet_menuItem_sub_click{	/* Mouse click effect */
	background-color:#cad1d5;	/* Background color when the mouse button is pressed down on a menu item */
}

.jet_menuItem_sub_click div, .jet_menuItem_sub_regular div,.jet_menuItem_sub_over div,.jet_menuItem_sub_active div,.jet_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
	float:left;		/* To get the icons and text of sub elements side by side */
	padding-left:1px;
	padding-right:1px;
	
}
.jet_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
	position:absolute;	/* Never change this one */
	background-image:url('../image/menu-bar-right-arrow.gif');	/* Path relative to the css file */
	width:18px;
	height:18px;
	text-align:right;	
	right:0px;
	background-repeat:no-repeat;	/* No background repeat */
	background-position: center right;	/* Position of arrow */
}
head:first-child+body .jet_menuItem_sub_arrowShowSub {	/* Transparent png for other browsers than IE6 */
	background-image: url('../image/menu-bar-right-arrow.png');	/* Relative path to the arrow */
}

.jet_menuItem_separator_sub{	/* Separator of type "sub" */
	height:1px;	/* Height of separator */
	margin-top:1px;	/* Space above the separator */
	margin-bottom:1px;	/* Space below the separator */
	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
	padding-right:3px;	/* space at the right of the separator */
	background-color:#BED6E0;	/* background color for the separator - blue */
}
/* /menu-item */

#bannerDiv a { text-decoration:none }
#bannerDiv a:hover { border:0 }
#bannerDiv ul { margin:0; padding:0 }
ul.advertList {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 118px;
}
ul.advertList li {
	border-bottom: 1px solid #d2d4d5;
	background:#F4F3F2;
}
ul.advertList li a {
	text-decoration: none;
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 6px;
}
ul.advertList li a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/* ////////////////////////////////////////////////*/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
	border: 1px solid #948CDA;
	border-left: 0;
	border-right: 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 305px;
    height: 140px;
}

.jcarouse_banner {
	list-style:none;
	margin:0;
	padding:0;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}