/****************************************************************
********* GLOBAL STYLE settings  ********************************
*****************************************************************
*****************************************************************
 Comment: 
 This is a global css used as base when starting a new project. 
 All general styles are set here that are not client specific
 including new component settings.

 STANDARD WIDTH settings:
 leftside: 180px + margin-right 20px
 content: 582px + margin-right 20px
 rightside: 191px
 ----------------
 Page width: 993px
 -----------------

//////////////////////////////////////////////////////////////////
////////////////////  General settings & classes  ////////////////
////////////////////////////////////////////////////////////////*/


table, form, legend, input, select, option, textarea, label {font-size: 1em;}



a, a span {cursor:pointer;}
.active, .active a, .active span {cursor:default;}

/*__  GLOBAL COLORS (not same as client colors) __*/
#iframe_body, #iframe, .iframe_body, .iframe, #body {background-color: #FFFFFF;}

.quicksearch_breadtext span.highlight, .expMenuTitle, .expMenuTitle a, .expMenuTitle a:hover {color: #FFFFFF;}
.quicksearch_breadtext span.highlight, .expMenuTitle {background-color: #333333;}

.txtcolor1, hr.hr1 {color: #FF0000;}
.txtcolor2, hr.hr2 {color: #0000FF;}
.txtcolor3, hr.hr3 {color: #333333;}

.bgcolor1 {background-color: #FF0000;}
.bgcolor2 {background-color: #0000FF;}
.bgcolor3 {background-color: #333333;}

.row_odd {background-color: #FFFFFF;}
.row_even {background-color: #fafafa;}
.row_highlight {background-color: #f5f5f5;}

/**/

/*__ FORMS __*/
.checkbox, .checkbox input,
.radiobtn, .radiobtn input,
.radio, .radio input {
	border: 0px none;
}

/*_input (button, checkbox, radio,  text) _*/


/*'removes default extra padding on IE input buttons *//*

input {margin: 0px; padding: 0px 0.25em; overflow: visible; width: auto;}

*/


.button {}
.checkbox,  input.checkbox {}
.radiobtn, input.radiobtn , .radio, input.radio  {}
input.text, input.textinput  {}

/**/
select,option {}
textarea {}
fieldset, legend {}


/*__ IFRAMES __*/

#iframe_body, #iframe, .iframe_body, .iframe,
#body/*needed in order2.asp etc*/ {
	background-image: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


/*#iframe_body .tourlist, #iframe .tourlist,*/
#iframe_body .contact_iframe, #iframe .contact_iframe,
#iframe_body .offers_table, #iframe .offers_table {width:100%}

/*'vertical scrollbar spacing*/
table.tourlist {width:99%;}


/*__ Corners __
.t = top
.r = right
.b = bottom
.l = left
.tr = top right corner
.br = bottom right corner
.bl = bottom left corner
.tl = top left corner
*/

.t, .b  {background-repeat: repeat-x;}
.l, .r {background-repeat: repeat-y;}
.tl, .tr, .bl, .br {background-repeat: no-repeat;}
.t, .l, .tl {background-position: left top;}
.b, .bl {background-position: left bottom;}
.r, .tr {background-position: right top;}
.br {background-position: right bottom;}
/**/

/*__ Markup styles __*/
.center {margin-right:auto; margin-left:auto;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}
.floatright {float: right;}
.floatleft {float: left;}
.floatnone {float: none;}
.clearright {clear: right;}
.clearleft {clear: left;}
.clearboth {clear: both;}
.clearnone {clear:none;}
.nowrap {white-space: nowrap;}
.displayblock{display:block;}
.displaynone, .hide {display:none;}
.marginleft {margin-left: 15px;}
.marginright {margin-right: 15px;}



/*__ FCKeditor styles __*/

img.rightimage, .rightimage img{float: right;
	margin-bottom: 2px;
	margin-left: 5px;}
	
img.leftimage, .leftimage img{float: left;
	margin-bottom: 2px;
	margin-right: 5px;}
		
.txtsmall {font-size: 0.9em;}
.txtlarge {font-size: 1.3em;}
.highlight {font-weight: bold;}


.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	color:#383838;
}

.alert, .error {color: #FF0000;}
.success {color: #00FF00;}


table.tablestyle1 {}
table.tablestyle2 {}
table.tablestyle3 {}

hr.hr1 {}
hr.hr2 {}
hr.hr3 {}

.tabsmenu a, a.button{outline: none;}

/*///////////////  BUTTONS, ICONS and IMAGES /////////////////////*/
/*.button, input[type="button"], input[type="submit"], */.btn_next, .c_submit input, .childageinfo{cursor:pointer; /*overflow: hidden;*/}
/*.btn_next, .c_submit input, .childageinfo { font-size: 1em;}*/

.btn_next {
	background-image: url(../images/btn_nxt.jpg);
	height: 17px;
	width: 17px;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: bold;
	border-style: none;
}

.btn_next:hover  {
	background-position: center bottom;
}

.c_submit input
{ 
	/*display: block;
	margin-bottom: 10px;
	font-weight: bold;
	float: right;
	border-style: none;
	background-image: url(../images/btn_search.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 19px;
	width: 37px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;	*/
}

.c_submit input:hover {/*background-position: right center;*/}

.mapicon {
	display: block;
	height: 14px;
	width: 14px;
	overflow: hidden;
	background-image: url(../images/mapicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-style: none;
}

.mapicon:hover, a:hover .mapicon {background-position: left bottom;}
.mapicon span {display: none;}

.childageinfo{
	display: block;
	margin: 0px;
	line-height: 1.7;
	height: 17px;
	width: 17px;
	float: left;
	text-align: center;
	background-image: url(../images/qa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-style: none;
	font-weight: bold;
	text-indent: 2px;
}

/*_link icons_*/
.link_printpage,
.link_pdf,
.link_rss,
.link_iepage {
	background-repeat:no-repeat;
	background-position: left center;
	display:inline-block;
	padding: 2px 0 2px 20px;
}

.link_printpage {background-image:url(../images/printer_small.gif); padding-left: 22px;}
.link_pdf {background-image:url(../images/pdf.gif);}
.link_rss {background-image:url(../images/rss.gif);}
.link_iepage {background-image:url(../images/webpage.gif);}

/*__ BOXES __*/

.box, .box .image, .box .text, .box .title
{display: block;}

.box, .box .image {text-align: center;}
.box .title, .box .text, .box .image {
	margin-left: auto;
	margin-right: auto;
	}

.box .title, .box .text {text-align: left;}
.box, .box .title, .box .text, .box .image {overflow: hidden;}

.box p{
	margin: 0px;
	padding: 0px;
}

.box .title h1, 
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6,
.title_content{
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.box .title {font-weight: bold;}

/*__TABS MENU (admin etc)__*/

.tabsmenu, .tabsmenu a, .tabsmenu a:hover {
	text-decoration: none;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
*/
	font-weight:normal;
}

.tabsmenu a.active {cursor: text;}
.tabsmenu a.alert {text-decoration: blink;}

.tabsmenu a, .tabsmenu a span,
.search_reslut .links a {
	height: 21px;
}

.tabsmenu {width:100%;}

.tabsmenu a,
.search_reslut .links a {
	margin:0 3px 2px 2px;
	line-height: 19px;
	width:auto;
}

.tabsmenu a .text,
.search_reslut .links a { padding:0 5px 0 5px;}

/*.tabsmenu .pdf .icon, .tabsmenu .morepics .icon { width:20px;}*/
.tabsmenu .pdf .text, 
.tabsmenu .morepics .text, 
.tabsmenu .showonmap .text,
.search_reslut .links .pdf,
.search_reslut .links .morepics,
.search_reslut .links .showonmap,
.search_reslut .links .moreinfolink {padding-left: 20px;}

.tabsmenu, .tabsmenu a, .tabsmenu a:hover {color: #575657;}

.tabsmenu a.active {color: #f08900;}

.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#f08900;
}

.tabsmenu .l {background-image: url(../images/tabs/tabsmenu_l.jpg);}
.tabsmenu {background-image: url(../images/tabs/tabsmenubg.gif);}
.tabsmenu a {background-image: url(../images/tabs/tabsmenu_cnt.jpg);}
.tabsmenu .r {background-image: url(../images/tabs/tabsmenu_r.jpg);}


.tabsmenu .pdf .text,
.tabsmenu .morepics .text,
.tabsmenu .showonmap .text,
.search_reslut .links .pdf,
.search_reslut .links .morepics,
.search_reslut .links .showonmap,
.search_reslut .links .moreinfolink {background-repeat:no-repeat;}


.tabsmenu .pdf .text,
.search_reslut .pdf  {background-image: url(../images/tabs/tabs_pdf.gif); background-repeat:no-repeat;}
.tabsmenu .morepics .text,
.search_reslut .morepics  {background-image: url(../images/tabs/tabs_slideshow.gif); background-repeat:no-repeat;}
.tabsmenu .showonmap .text,
.search_reslut .showonmap {background-image: url(../images/mapicon.gif); background-repeat:no-repeat;}
.search_reslut .links .moreinfolink {}


div.tabsmenu a, div.tabsmenu a span {
	background-position: -42px;
}

.tabsmenu .text, .tabsmenu a:hover .text {
	background-position: 3px center;
	background-repeat: no-repeat;
}

.tabsmenu .showonmap .text {background-position: 3px 4px;}
.tabsmenu a.showonmap:hover .text {background-position: 3px -52px;}


.tabsmenu .pdf .text, .tabsmenu .morepics .text, .tabsmenu .showonmap .text {}

.tabsmenu {
	clear:both;
	overflow: inherit;
	height:auto;
	margin-left: 0px;
}

.tabsmenu a {
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.tabsmenu a, .tabsmenu a span {
	display: block;
	float: left;
	cursor:pointer;
	white-space:nowrap;
}

.tabsmenu {
	background-repeat: repeat;
}

.tabsmenu .l, .tabsmenu .r {
	background-repeat: no-repeat;
}
.tabsmenu a {
	background-repeat: repeat-x;
}

.tabsmenu .l {background-position: left;}
.tabsmenu .r {background-position: right;}

.tabsmenu a:active, .tabsmenu a.active, .tabsmenu a:active span, .tabsmenu a.active span, .tabsmenu a:hover, .tabsmenu a:hover span,
.tabsmenu a:focus, .tabsmenu a:focus span {
	background-position: left top;
}
.tabsmenu a:active span.r, .tabsmenu a.active span.r, .tabsmenu a:hover span.r,
.tabsmenu a:focus span.r  {
	background-position: right top;
}
.tabsmenu a.alert, .tabsmenu a:hover.alert, .tabsmenu a.alert span, .tabsmenu a:hover.alert span {
	background-position: left bottom;
}
.tabsmenu a.alert span.r, .tabsmenu a:hover.alert span.r {
	background-position: right bottom;
}

/**/

/*////////////////////////////////////////////////////////////////
/////////////////    WRAP (Width default settings) ////////////////
////////////////////////////////////////////////////////////////*/

#wrap, #container, #header, #footer {width: 993px;}


#content/*,
#content_content,
#destination, 
#category, 
#hotel,
#startpage_text, 
.content_wrap_text, 
.breadcrumbs, 
.destfacts,
.pageheader, 
.user_content, 
.offers_table, 
.tourlist, 
.contact_iframe, 
.dynheight,
#searchresultwrap*/
{width: 582px;}



#content_content,
#destination, 
#category, 
#hotel,
#startpage_text, 
.content_wrap_text, 
.breadcrumbs, 
.destfacts,
.pageheader, 
.user_content, 
.offers_table, 
.tourlist, 
.contact_iframe, 
.dynheight,
#searchresultwrap { width:100%;}



#destination .user_content, 
#hotel .imageComponent,
#hotel .user_content
{width: 370px; margin-right:12px;}


/*/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////
//////////////////           FUNCTIONS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

/*__ NO RIGHTSIDE __ (body class="no_rightside") 
This function will hide the rightside div and expand the content area (

content: (582+20+191=793)
content: destination- & hotel page [ 793-(582-370) = 581]*/

.no_rightside #content {margin-right: 0px; padding-right: 0px;}
.no_rightside #rightside {display:none;}


.no_rightside #content/*, 
.no_rightside #destination, 
.no_rightside #category, 
.no_rightside #hotel, 
.no_rightside #startpage_text, 
.no_rightside .content_wrap_text, 
.no_rightside .breadcrumbs, 
.no_rightside .destfacts,
.no_rightside .pageheader, 
.no_rightside .user_content, 
.no_rightside .offers_table, 
.no_rightside .tourlist, 
.no_rightside .contact_iframe, 
.no_rightside .dynheight, .no_rightside #searchresultwrap,
.no_rightside .content_wrap_image*/
{width: 793px;}

.no_rightside #destination .user_content, 
.no_rightside #hotel .imageComponent,
.no_rightside #hotel .user_content
{width: 582px;}

.no_rightside #hotel #slider {width: 511px;} /*581-70=511*/



/*
__ NO SIDES (no rightside, no leftside) __ (body class="no_sides") 
This will hide both the leftside and the rightside.the content area 
will expand to the wraps full width.

content: (582+20+180+20+191= 993px)
content: destination- & hotel page [ 993-212 = 581 ]*/

.no_sides #content {margin-right: 0px; padding-right: 0px;}
.no_sides #leftside, .no_sides #rightside {display:none;}


.no_sides #content/*, 
.no_sides #destination, 
.no_sides #category, 
.no_sides #hotel, 
.no_sides #startpage_text, 
.no_sides .content_wrap_text, 
.no_sides .breadcrumbs, 
.no_sides .destfacts,
.no_sides .pageheader, 
.no_sides .user_content, 
.no_sides .offers_table, 
.no_sides .tourlist, 
.no_sides .contact_iframe, 
.no_sides .dynheight*/
{width:100%;/*width: 993px;*/}


.no_sides #destination .user_content, 
.no_sides #hotel .imageComponent,
.no_sides #hotel .user_content
{width: 781px;}


.no_sides #hotel #slider {width: 711px;} /*781-70=711*/


/*
__ NO LISTS IN CONTENT __ (class="no_listsincontent") 
This is used in the hotel and destination component when 
the atribute- and hotellistings are moved from 
the #content wrap to e.g #rightside

#content .no_listsincontent .hotel_list, #content .no_listsincontent .atribute {display:none;}
*/

.no_listsincontent,
.no_listsincontent .user_content, 
.no_listsincontent .imageComponent,
.no_listsincontent .user_content, 
#destination .no_listsincontent .user_content, 
#hotel .no_listsincontent .imageComponent,
#hotel .no_listsincontent .user_content {width:100%; margin-right:0px;}


.no_listsincontent #slider {width:87%; /*582-70=512*/}





.no_rightside #destination .no_listsincontent .user_content, 
.no_rightside #hotel .no_listsincontent .imageComponent,
.no_rightside #hotel .no_listsincontent .user_content {width:100%; /*width: 793px;*/}
.no_rightside #hotel .no_listsincontent #slider {width:72%; /*width: 723px;*/} /*793-70=723*/

.no_sides #destination.no_listsincontent .user_content, 
.no_sides #hotel .no_listsincontent .imageComponent,
.no_sides #hotel .no_listsincontent .user_content {width: 100%;/*993px;*/}
.no_sides #hotel .no_listsincontent #slider {width: 92%;/*923px;*/} /*993-70=723*/

/*_ continue content settings _*/
#content,
.content_wrap_text, 
.box, 
.offers_table, 
#broch_custinfo_under, 
#broch_newsletter, 
#broch_persinfo
 	{margin-bottom: 15px;}

#broch_custinfo { margin-top:10px;}


#broch_custinfo,
.content_wrap_image, 
.imageComponent,
.tabsmenu,
.breadcrumbs,
.destfacts,
.pageheader,
.hotel_list_item,
.c_submit input,
.atribute
	{margin-bottom: 10px;}



.brochure_choice {padding-bottom:15px;}




#content, #destination, #category, #hotel {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	overflow: hidden;
}

.content_wrap_image {
	width:100%;
	text-align:center;
	overflow: hidden;
	clear: both;
	/*float:left;
	clear:left;*/
}

.content_wrap_text {
	float: left;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/*_ Breadcrumbs _*/

.breadcrumbs {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	float: left;
}

#breadcrumbs {}
#breadcrumbs a  {}
#breadcrumbs .icon {}
a#breadcrumstart {}  
span#breadcrumend {} 


/**/
.destinationlinks {float:left; clear:both;}


.destfacts {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	float: left;
}

.pageheader {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	float: left;
}

.pageheader h1 {
	margin: 0px;
	padding: 0px;
}

.db_text, #db_text {float:left; clear:both;}

.user_content {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	margin: 0px;
	overflow: hidden;
}

#travelize {
	text-align: center;
	width: auto;
}
#leftside #travelize {width:100%;} 

/*////////////////////////////////////////////////////////////////
//////////////////////   STARTPAGE  //////////////////////////////
////////////////////////////////////////////////////////////////*/
.startbanner_col {float:left; width:33.3%;}
.startbanners {width:182px;}
.startbanners .title, .startbanners .image {width: 178px;}
.startbanners .text {width: 174px;}


.startbanners {
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
}

.startbanners  .title {margin-bottom: 2px;}

.startbanners .image img, .startbanners .image {height: 107px;}

.startbanners .text {
	height: 48px;
	margin-top: 3px;
	margin-bottom: 5px;
}

/*////////////////////////////////////////////////////////////////
//////////   CATEGORY, DESTINATION & HOTEL PAGES  ////////////////
//////////           Mutual settings              ////////////////
////////////////////////////////////////////////////////////////*/

#category .user_content{
	clear: both;
	float: left;
}

#destination .user_content,
#hotel .user_content {
	clear: none;
	float: left;
	margin-right: 10px;
}


#destination .offers_table,
#hotel .offers_table {
	clear: both;
	float: left;
}

/*Hide depending on page type*/
/*
#destination .atribute, 
#category .atribute, 
#category  .hotel_list,
#category .offers_table {display: none;}
*/

/*__ Hotel listing (rightside destinaiton & hotel page) __*/

.hotel_list, 
.hotel_list_item, 
.atribute {width: 100%;}

#content .hotel_list, 
#content .hotel_list_item, 
#content .atribute {width: 200px;}

.hotel_list_item_imagewrap {/*width: 90px;*/ width:45%;}

.hotel_list_item_textwrap {/*width: 110px;*/ width: 55%;}
.hotel_list_title, 
.hotel_list_rating, 
.hotel_list_text, 
.hotel_list_map{	
	/*width: 110px;*/ width: 100%;
}

.hotel_list_image  { width:90%;/*width: 80px;*/}

.hotel_list_image img{
width:auto;
height:auto;
max-height: 50px;
max-width: 100%;
  }
  
.hotel_list_item {clear: both;	display: block;}

.hotel_list_item,
.hotel_list_item_textwrap,
.hotel_list_item_imagewrap,
.hotel_list_title, 
.hotel_list_rating, 
.hotel_list_text, 
.hotel_list_map,
a.showonmap span {float: left;}


.hotel_list_item_textwrap,
.hotel_list_title, 
.hotel_list_rating, 
.hotel_list_text, 
.hotel_list_map {clear: left;}

.hotel_list_item_textwrap,
.hotel_list_title, 
.hotel_list_rating, 
.hotel_list_text, 
.hotel_list_map {height: auto;}


a.showonmap span {display:block; cursor:pointer;}
a.showonmap .mapicon {margin-right:5px;}


.hotel_list_image  {
	clear: both;
	float: right;
	overflow: hidden;
	text-align:center;
}

.hotel_list_rating, .hotel_list_text, .hotel_list_map {	margin-bottom:5px;}

/*////////////////////////////////////////////////////////////////
////////////////////   CATEGORY PAGE  ////////////////////////////
////////////////////////////////////////////////////////////////*/

/**/

/*////////////////////////////////////////////////////////////////
////////////////////   DESTINATION PAGE  /////////////////////////
////////////////////////////////////////////////////////////////*/

/**/

/*////////////////////////////////////////////////////////////////
////////////////////   HOTEL PAGE  ///////////////////////////////
////////////////////////////////////////////////////////////////*/

/*__ HOTEL ATRIBUTES  ___*/

/*__ 2008 09 _NEW Hotel Atribute list (ul, li), replaces old definition list version __*/

.hotel_list, .atribute {float: left; height:auto;}

.atribute ul, .atribute ul li{list-style: none; width:100%;}

.atribute ul li, .atribute li strong, .atribute li span {display: block;}

.atribute ul, .atribute ul li,
#content .atribute ul, #content .atribute ul li {
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}
.atribute ul, .atribute ul li, .atribute li strong, .atribute li span {float:left;}


.atribute ul li {clear:both;}
.atribute li strong {clear:left;}


.atribute ul li, #content .atribute ul li {border-top: 1px solid; padding:5px 0 5px 0;}

.atribute li strong, .atribute li span {overflow:hidden; word-wrap:break-word;}

.atribute li strong{ font-weight: bold; width:60%;}
.atribute li span{ text-align:right; width:40%;}


/*__ Old hotel atribute listning version(definition-list: DL,DT,DD). 
Can be deleted when all customers have new hotel.asp component*/
.atribute dl { width:100%;}

.atribute dl, .atribute dl dt, .atribute dl dd {padding: 0px; margin: 0px;}

.atribute dl{float:left;}

.atribute dl dt, .atribute dl dd {display: block; overflow:hidden; padding-top:2px; padding-bottom:2px;}

.atribute dl dt{
	width: 50%;
	float: left;
	clear: left;
	border-top: 1px solid;
	font-weight: bold;

}
.atribute dl dd{
	float: left;
	width: 40%;
	border-top: 1px solid;
	text-align:right;
	
}

/**/

/*/////////__  IMAGE SLIDER slider / MORE IMAGES DISPLAY (javasript) /Roo __//////////////*/

#content_iframe {
	FLOAT: left;
	MARGIN-LEFT: 20px;
	WIDTH: 695px
}

.imageComponent, .imageComponent div {float:left;}

.imageComponent {} /*the wrapper for both slides and mainImage*/

.imageComponent p{
	margin: 0px;
	padding: 0px;
}

.content_wrap_image img {
text-align:center;
max-height: 380px;
max-width: 100%;
}

/*.content_wrap_image {height:auto;}*/


/*wrapper for navigation and the slider*/
.imageslider{
	width: 100%;
	display:block;
}
/*the actual slider, width tells how much is shown; so to show 3 thumbs is thumbsize*3 - Anything inside this will slide*/
#slider {
    width: 300px; /*3 images*/
    overflow: hidden;
	float:left;
}

#main_image{
	cursor: pointer;
}

/*actual content to be slided, width is important(tells the javascript where to slide) but is calculated serverside*/
#slidecontent { }

/*wrapper for each individual slide(image) - imgae width is set in html-attributes (to 100px) for calculation of slidecontent width*/
.slide {
    float: left;
	cursor: pointer;
}

.slide img { width:98px; margin: 0 1px 0 1px;}

/*class on both left and right side navigation divs*/
.carousel_navigation{
	width:35px;
	padding-top:32px;
	float: left;
}

/*navigation images*/
.carousel-control {display:block; float:left; width:16px; height:16px;}
.carousel-control img{}


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


/*////////////////////////////////////////////////////////////////
///////////  ORDER STEPS (order1.asp, order1b.asp ...) ///////////
////////////////////////////////////////////////////////////////*/

/*centers order content*/
/*
body.order1,body.order2,body.order3,body.order4,body.alc_order1,body.alc_order2,body.alc_order3,body.alc_order4 {text-align:center;}
.ordersteg_width1, .orderstep_width1 { margin:0 auto text-align:left;}
*/
/*width*/
.ordersteps_width1, .ordersteg_width1 {width: 100%; /*min-width: 485px; max-width: 800px;*/ /*600px*/}
.ordersteps_width2, .ordersteg_width2 {width: auto; /*143px;*/}
.ordersteps_width3, .ordersteg_width3 {width: auto; /*146px;*/}
.ordersteps_width4, .ordersteg_width4 {width: auto; /*90px;*/}
.ordersteps_width5, .ordersteg_width5 {width: auto; /*364px;*/}

/*
.ordersteps_bgcolor1 {background-color:<%=bgc2%>;}
.alert {font-weight:bold; color:#FF0000;}
*/

/*__ order1 __*/

/*__ order2 __*/

/*__ order3 __*/

/*__ order4 __*/
.order4 .ordersteps_content .col1 {width: auto;/*131px;*/ font-weight:bold;}
.order4 .ordersteps_content .col2 {width:  auto; /*139px;*/}
.order4 .ordersteps_content .col3 {width:  auto; /*150px;*/}
.order4 .ordersteps_content .col4 {width:  auto; /*164px;*/}


/*__ order5 __*/


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

/*///////////////////////////////////////////////////////////////
//////////////////////  COMPONENTS  /////////////////////////////
///////////////////////////////////////////////////////////////*/

/*__Flags__*/

#flags a {
	display: block;
	height: 15px;
	width: 24px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

.flag_se {background-image: url(../images/flags/flag_se.gif);}
.flag_no{background-image: url(../images/flags/flag_no.gif);}
.flag_dk{background-image: url(../images/flags/flag_dk.gif);}
.flag_de{background-image: url(../images/flags/flag_de.gif);}
.flag_fr{background-image: url(../images/flags/flag_fr.gif);}
.flag_uk{background-image: url(../images/flags/flag_uk.gif);}
.flag_us{background-image: url(../images/flags/flag_us.gif);}
.flag_mx{background-image: url(../images/flags/flag_mx.gif);}
.flag_fi{background-image: url(../images/flags/flag_fi.gif);}
.flag_is{background-image: url(../images/flags/flag_is.gif);}
.flag_cr{background-image: url(../images/flags/flag_cr.gif);}
.flag_bh{background-image: url(../images/flags/flag_bh.gif);}
.flag_es{background-image: url(../images/flags/flag_es.gif);}
.flag_pt{background-image: url(../images/flags/flag_pt.gif);}
.flag_ru{background-image: url(../images/flags/flag_ru.gif);}
.flag_nl{background-image: url(../images/flags/flag_nl.gif);}

/*////////////////////////////////////////////////////////////////
///////////            SEARCHMENU       /////////////////////////
/////////////////////////////////////////////////////////////////
CSS Updated: 090203LS 

COMMENT: 

/// Main component: /// 
- searchEngineMultiple
- ALCsearchEngine
- searchEngine

/// Included components: ///
- searchEngineForm
- ALCsearchEngineForm
---------------------------------------------------------------*/

.box#searchEngineMultiple {}
.box#ALCsearchEngine {}
.box#searchEngine {}

form.searchengineform{}
form#searchmenu_alc{}
form#searchmenu_projecttype{}

/**/
.searchengineform, .searchengineform .tighParagraphs, .searchengineform .row {width:100%; clear:both;}

.searchengineform select {width:100%;}
.searchengineform select.calendarDateInput {width:auto;}

.searchengineform .row_submit .button{ float:right;}

/*////////////////////////////////////////////////////////////////
//////  GENERAL EXPANTION BOX (dynamic dropdownbox)   ////////////
////////////////////////////////////////////////////////////////*/

.expMenu, expMenu div {width:100%;}

.expMenuTitle, 
.expMenuTitle a, 
.expMenuTitle a:hover {text-decoration:none;}

.expMenuTitle a {display:block; padding-top:0.2em; padding-bottom:0.2em;}
.expMenuTitle a, .expMenuText {width:96%; padding-left:2%; padding-right:2%;}

.expMenuItem {margin-bottom:0.1em;}
.expMenuItem,.expMenuTitle,.expMenuText {clear:both;}

/*////////////////////////////////////////////////////////////////
////////////  OLD 2008 DYNAMIC SEARCH MENU  /////////////////////
////////////////////////////////////////////////////////////////

Dynamic search menu structure:

.ds_corner_tl #ds_area_wrap
--- .ds_corner_tr
------ .ds_corner_bl
--------- .ds_corner_br
------------ #ds_area_content
--------------- #dynsearchmenu_wrap
------------------ .ds_inrbox

--------------------- .ds_tabs_wrap
------------------------ #ds_tabs_wrap_content
--------------------------- #dynsearchmenu_Ltab (.active_ds_tab)
--------------------------- #dynsearchmenu_Rtab	
	
--------------------- #ds_content .ds_content
------------------------ .ds_niv1
--------------------------- .t
------------------------------ .b
------------------------ .ds_niv2
--------------------------- .ds_niv2_content
------------------------------ #triptype_0_swapTo
--------------------------------- #swap
------------------------------ .ds_infotext

*/


#searchmenu_projecttype form,
#searchmenu_projecttype legend,
#searchmenu_projecttype #searchwrapper,
#dynsearchmenu_wrap form,
#dynsearchmenu_wrap legend,
#dynsearchmenu_wrap #searchwrapper
 {
	margin: 0px;
	padding: 0px;
}
 
#searchmenu_projecttype label, 
#dynsearchmenu_wrap .ds_niv2 label{display: block;}

#dynsearchmenu_wrap div.tighParagraphs br,
.tighParagraphs br{display:block;}

.childageinfobox{
	border-width: 1px;
border-style: solid;
	width: 125px;
} 

/*_DS Calendar_
COMMENT: Calendar popup container class="calendar_box" (id="startdate_ID")
Calendar will not show up over inline objects or div outside its div
*/

.calendar_box /*span.calendar_box*/ {
	margin-top: 0px;
	display: block;
	z-index:999;
}

/*.calendar_box {left: 0px;}*/

.calendar_box td {padding:0px; line-height:1.4;}

/*td.calendarDateInput,
select.calendarDateInput,
input.calendarDateInput   {font-size: 0.9em;}

td.calendarDateInput {
		letter-spacing:normal;
		line-height:normal;
		
	}
select.calendarDateInput,
input.calendarDateInput {
		letter-spacing: 0.6px;
	}
*/

#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID {
	font-weight: bold;
}

#outdate_Previous_ID, #outdate_Next_ID,
#indate_Previous_ID, #indate_Next_ID  {}

/*CSS FORM overide (overide: searchModule.css.asp)*/
.calendarDiv img{
	height: 10px;
	width: 11px;
	overflow: hidden;
}

.calendarDateInput img {	
	height: 9px;
	width: 5px;
	overflow: hidden;}

.calendarDiv{
	float: left;

}

.tighParagraphs{
	display: block;
	margin: 0px;
	padding: 0px;
}

.tighParagraphs input,
.tighParagraphs select,
.tighParagraphs img{
	margin-bottom: 5px;
}

.selectwrap{display: inline;}

#indate_Month_ID, #dynsearchmenu_wrap #indate_Month_ID, 
#outdate_Month_ID, #dynsearchmenu_wrap #outdate_Month_ID {width: 50px;}

#indate_Day_ID, #dynsearchmenu_wrap #indate_Day_ID, 
#outdate_Day_ID, #dynsearchmenu_wrap #outdate_Day_ID {
	width: 45px; 

}

#indate_Year_ID, #dynsearchmenu_wrap #indate_Year_ID, 
#outdate_Year_ID, #dynsearchmenu_wrap #outdate_Year_ID,
#dEarlydate_Year_ID, #dynsearchmenu_wrap #dEarlydate_Year_ID {
	width: 40px;
	padding-left: 2px;
}

#calanderImg, #dynsearchmenu_wrap #calanderImg{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -8px;
	margin-left: -7px;

} 

input.calendarDateInput, #dynsearchmenu_wrap input.calendarDateInput,
input.txtChildrenAge, #dynsearchmenu_wrap input.txtChildrenAge{padding:1px 0 1px 0;}


input.txtChildrenAge, 
#dynsearchmenu_wrap input.txtChildrenAge{
	display: block;
	margin-right:4px;
	width: 30px;
}

.childageinfobox,
#dynsearchmenu_wrap .childageinfobox{
	display: block;
	padding: 5px;
	left: 10px;
	margin-top: 20px;
	margin-left: 0px;
	border-width: 1px;
	border-style: solid;
	width: 125px;
}

.dynsearchmenu_radiobtn{
	height: 0px;
	width: 0px;
	float: right;
	padding: 0px;
	margin-top: -1000%; /*hide button*/
}

/*__ Width __*/

.devSearchEngine_iframe {
	height: 500px;
	width: 180px;
}

#ds_area_wrap, #ds_area_content, .ds_corner_bl, .ds_corner_br {width: 180px;}

#ds_area_content, #dynsearchmenu_wrap {width: 178px;}

.ds_inrbox, 
.ds_tabs_wrap, 
#ds_tabs_wrap_content, 
.ds_content, 
.ds_niv2 {width: 174px;}

/*#dynsearchmenu_wrap {padding-left: 2px;}*/

#ds_area_content {padding-left:1px; padding-top: 2px;
	padding-bottom: 2px;}


.ds_inrbox {padding-bottom: 4px;}

.ds_tabs_wrap label {padding-top: 4px;	padding-bottom: 6px;}
#dynsearchmenu_Ltab, #dynsearchmenu_Rtab {width: 87px;}

#ds_content{

	padding-top: 8px;
	width: 168px;
	padding-left: 3px
}

.ds_niv1 {width: 168px; margin-top: 1px;}
.ds_niv1 label {padding: 6px 0 6px 0px; text-indent:10px;}


.ds_niv2 {
	width: 166px;
	margin-bottom: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.ds_niv2_content {width: 98%; margin: 0px auto 0px auto;}

.ds_niv2_content #swap {padding: 5px 0 5px 0; margin:0px;}
.ds_infotext, .ds_infotext p { float:left; clear:both;}
div .ds_infotext {padding:0px;}
div .ds_infotext p {padding: 2px 0 5px 0; margin:0px; width:100%;} /*"P" tag has to be specified in para string*/

.selectwrap {width: 100%;}
#dynsearchmenu_wrap select {width: 100%;} 
#dynsearchmenu_wrap table select {width: auto;}


#dynsearchmenu_wrap,
.ds_inrbox,
.ds_tabs_wrap,
#ds_tabs_wrap_content,
.ds_content,
.ds_niv2, 
.selectwrap, 
#dynsearchmenu_wrap .ds_niv2 label,
.ds_corner_tl,
l .ds_corner_tr,
#ds_area_content,
.ds_corner_bl,.ds_corner_br,
#dynsearchmenu_wrap #searchwrapper,
#calanderImg,
input.txtChildrenAge {float: left;}

#dynsearchmenu_wrap, 
.selectwrap, 
#dynsearchmenu_wrap .ds_niv2 label,
.ds_niv2_content .c_submit {clear: both;}

.ds_inrbox,
.ds_tabs_wrap,
.ds_content {clear: left;}

.ds_inrbox{	text-align: center;	}

.ds_tabs_wrap label {
	cursor:pointer;
	display: block;
}

#dynsearchmenu_Ltab, #dynsearchmenu_Rtab {overflow: hidden;}

#dynsearchmenu_Ltab{float: left;}
#dynsearchmenu_Rtab{float: right;
	border-width: 0px;
	border-style: none;
}

.active_ds_tab{}


.ds_content{

	text-align: center;
	white-space: normal;
	}
	

.ds_niv1 {
	line-height: 10px;
	text-align: left;
	border:none;
	list-style-type: none;
	clear: left;
	float: left;
	display: inline;
}

.ds_niv1:hover{}

.ds_niv1 label{
	cursor:pointer;	
	display: block;
}

.ds_niv2 {
	display: block;
	clear: left;
	border: none;
}

.ds_niv2_content{
	text-align: left;
	border-style: none;
	clear: both;
	float: none;
}

.ds_niv2_content .c_submit {float:right;}

.ds_corner_tl{

	background-repeat: no-repeat;
	background-position: left top;
}
.ds_corner_tr{
	background-repeat: no-repeat;
	background-position: right top;

}

.ds_corner_bl{

	background-repeat: no-repeat;
	background-position: left bottom;
}

.ds_corner_br{

	background-repeat: no-repeat;
	background-position: right bottom;
}

.ds_corner_br form{ /*take away form space IE*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}


/*_ DS Formsettings _*/

.ds_niv2_content p{
	margin: 0px;
	padding: 0px;
}


#dynsearchmenu_wrap option {} 


#dynsearchmenu_wrap textarea {
	/*scrollbar-darkshadow-color:#b4211e;
	scrollbar-track-color:#f9f6ec;
	scrollbar-base-color: #c8231f;
	scrollbar-arrow-color: #FFFFFF;*/
	overflow: auto;
} 

/*for the autocomplete textbox in searchengine */
#ac1{ /*(input)*/
	width: 100%;
}

#ac1update{
	cursor: pointer;
}

/*FIREFOX FIXES Select box expand problem*/

#dynsearchmenu_wrap #disp_seltypeoftravel label {display:block;}
#dynsearchmenu_wrap #disp_selpersonsperroom label {display: block;}
#dynsearchmenu_wrap .tighParagraphs span{ display: block; height: auto;}



/*styling dsmenu*/

.ds_tabs_wrap{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#dynsearchmenu_Ltab{border-style: none;}

#dynsearchmenu_Rtab{border-style: none;}

#dynsearchmenu_Ltab.active_ds_tab{}

#dynsearchmenu_Rtab.active_ds_tab{}


	.ds_niv1
 {
	font-weight: bold;
	text-decoration: none;
	border-width: 0px;
	border-style: none;
	line-height: 10px;
}


.ds_niv2 {
	font-weight: normal;
}


/*////////////////////////////////////////////////////////////////
//////////////////  MENU (main menu)  ////////////////////////////
////////////////////////////////////////////////////////////////*/

#menu { float:left;
}

#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div .menualt2 ul li {display: none;}

div .menualt2 ul ul li, 
div .menualt2 ul ul ul li,
div .menualt2 ul ul ul ul li,
div .menualt2 ul ul ul ul ul li {
	display: block;
}

/*Hides Categories in menu leftside*/

#menu .open{
	display: block;
}
#menu .menuclosedclass{
	display:none;
}

#menu .nolist {
	display: inline;
}

#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menu ul li a {overflow: hidden;}

#menu ul li a, #leftside .menualt2 ul ul li a {
	padding-top:5px;
	padding-bottom:5px;
	line-height: 1.4;
	/*height: 25px;
	  line-height: 25px;*/
	font-weight: bold;	
}

#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {

	padding-top:5px;
	padding-bottom:5px;
	line-height: 1.4;
	/*line-height: 20px;
	  height: 20px;	*/
	font-weight: normal;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a {}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {padding-left: 9px;}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {padding-left: 18px;}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {padding-left: 27px;}
#menu ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul li a {padding-left: 36px;}
#menu ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul li a {padding-left: 45px;}
#menu ul ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul ul li a {padding-left: 54px;}

#menu li.toplevel a, #menu li.toplevel a:hover {}

#menu ul ul ul ul li a, #menu ul ul ul ul li.active a,
#leftside .menualt2 ul ul ul ul li a  {}


/*////////  FORMATING FOR LISTINGS (content_iframe, tourlist, brochureIframe etc.) ///////*/

/*__ Mutual settings __*/
.tourlist, .contact_iframe
   {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

	.tableheader td {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}


.tableselector_header td
 {
	text-align: right;
}

.tableselector_footer td
 {
	text-align: center;
}


/*///////////////// Tourlist /////////////////////////
- tourlist1.asp
- tourlist1b.asp
- tourlist1c.asp
- tourlist2.asp
- tourlist3.asp
- tourlist4.asp
*/

.tourlist span, .tourlist div { overflow:hidden;}

.tourlist span, .contact_iframe span {
	/*margin-left: 5px;
	margin-right: 5px;*/
}


.tourlist .row td {
	padding-top: 5px;
	padding-bottom: 5px;
}


.tourlist .row_odd td    {	
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.tourlist .row_even td    {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/*.tourlist .tableheader {text-indent:10px;}*/








/*_tourlist mutual rules_*/
.tourlist .firstcol,
.tourlist1 .col1 { text-align:left;}

.tourlist .lastcol,
.tourlist1 .col4 { text-align:right;}


.tourlist2 img, .tourlist4 img   {width: 114px;}
.tourlist1b .tableselector_footer .col1, 
.tableselector_footer .col3 { min-width: 20%;}


/*_tourlist 1_*/
.tourlist1 .tableselector_header_content, 
.tourlist1 .tableselector_header td {text-align:right;}
.tourlist1 .tableselector_header table {float:right;}
.tourlist1 .tableselector_header .textinput { margin-right:2px;}
.tourlist1 .form_departfrom input.textinput { width:80px;}
.tourlist1 .form_departfrom,  .tourlist1 .form_hotels { padding-right:5px;}

/*_tourlist 1c_*/

/*_tourlist 2_*/
.tourlist2 {}


/*_tourlist 3 (3 column layout)_*/
.tourlist3 td{ vertical-align:top;}
.tourlist3 .col1, 
.tourlist3 .col2, 
.tourlist3 .col3 {text-align:center;}



.tourlist3 .col1 .image { width:100%; float:left; clear:both;}

.tourlist3 .col2 .text {width:96%; }


.tourlist3 .col1, .tourlist3 .col2, .tourlist3 .col3 {text-align:center;}
.tourlist3 .col1 .text, .tourlist3 .col2 .text, .tourlist3 .col3 .text {text-align:left; display:block; margin-left:auto; margin-right:auto;}
 
 
.tourlist3 .col1 .text, .tourlist3 .col1 .text img {text-align:center;} 
.tourlist3 .col3 .text {text-align:right;}

.tourlist3 .col1 {width:11%;}
.tourlist3 .col2 {width:68%;}
.tourlist3 .col3 {width:21%;}



.tourlist3 .col1 img {max-width:100%; height:auto; width:100%;}


/*_tourlist 4_*/
.tourlist4 {}


/*///////////////// Contact Iframe /////////////////////////
- ContactIframe.asp
*/

.contact_iframe .col1 {
	font-weight: bold;
	width: 150px;
}

/*///////////////// Brochure page /////////////////////////
- BrochureIframe.asp
*/

#brochure_page span.checkbox { padding-right:3px;}

#brochure_page img {border:none;}
img.notestar {width:6px; height:6px; vertical-align:top;}
.broch_custinfo_colright input.inputText {width:200px;}

.broch_custinfo_colright input.inputZip,
.broch_custinfo_colright input.inputCaptcha { width:100px;}

.broch_custinfo_colrow,
.Brochtext, .BrochImg,
#brochure_btn {display:block; float:left; clear:both; width:100%;}

/*
.brochure_choice {	width: 194px; (582/3)}
#brochure_choice_wrap .marginright { margin-right:15px;}
*/

.brochure_choice,
.brochure_choice .checkbox,
.brochure_choice .BrochName,
.brochure_choice .Brochtext,
.brochure_choice .BrochImg,
#brochure_page,
#brochure_header, 
#brochure_choice_wrap, 
#broch_custinfo, 
#broch_custinfo_under, 
.broch_custinfo_row,
#broch_newsletter, 
#broch_persinfo,
.broch_custinfo_colleft, 
.broch_custinfo_colright,
#brochure_page .checkbox, 
#brochure_page .checkbox_txt  {
	display:block;
	float: left;}


#brochure_page,
#brochure_header, 
#brochure_choice_wrap, 
#broch_custinfo, 
#broch_custinfo_under, 
.broch_custinfo_row,
#broch_newsletter, 
#broch_persinfo  {
	clear: both;
	/*width: 582px;*/
	width: 100%;
}

#brochure_page form, 
#brochure_page input, 
#brochure_page select, 
#brochure_page label {font-size: 1em; line-height: 1.2;}





.brochure_choice {overflow: hidden;}

.broch_custinfo_colleft {/*width:auto; min-width:140px; .width:140px;*/ width:27%; padding-right:1%;}
.broch_custinfo_colright {width:72%;}

#brochure_page .checkbox_txt {overflow:hidden;}

.brochure_choice .BrochImg img {}

.BrochImg img {
	width:auto;
   max-width:100%;
   height:auto;
}

* html .BrochImg img {width:100%;} /*IE6*/


.broch_custinfo_row,
.broch_custinfo_colrow {
	margin-bottom: 5px;
}


#broch_custinfo_under {
	font-size: 0.9em;
	font-weight: normal;
}


#brochure_page span.checkbox input {
	padding: 0px;
	margin:0px;
	height: 13px;
	width: 13px;
}

#brochure_page #broch_persinfo div{ clear:both;}

#broch_persinfo .checkbox {width: 3%; padding-right:1%; text-align:left;}
#broch_persinfo .checkbox_txt {width: 96%;}





.BrochName { font-weight:bold;}
#brochure_page .checkbox_txt, #brochure_page .BrochName {margin-left: 0px; line-height: normal;}




#brochure_page .checkbox_txt, 
#brochure_page .BrochName,
#brochure_page .BrochImg,
#brochure_page .Brochtext {padding-top:2px; padding-bottom:2px;}

#brochure_page .checkbox { padding-top:3px;}


#broch_newsletter .checkbox_txt {margin-bottom:2px;}


#broch_newsletter_info {
	padding-left: 20px;
}

#broch_newsletter div {clear:both;}

#brochure_btn .formtext, #content_page_asp .button {
	cursor:pointer;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*///////////////// functions/calendarDateInput.asp /////////////////////////
added 090601LS, comment:
parameter: removeDefaultStyleCalendarDateInput (boolean)
This parameter removes/resets most of the default styles (table cellspacing & cellpadding, some colors etc) in the popup calender. 

new css classes in function:

table.calenderDateInputTable,
tr.calenderDateInputRow,
td.calenderDateInputColYear,
td.calenderDateInputColMonth,
td.calenderDateInputColDay,
td.calenderDateInputColPopupCalendar,
a.popupCalendarLink {}

span.popupCalendarWrap {}

table.popupCalendarHeaderTable,
tr.popupCalendarToprow,
td.popupCalendarColPrev,
td.popupCalendarColTitle,
td.popupCalendarColNext,
td.popupCalendarRowTitleDay,
td.popupCalendarColTitleDay,
span.popupCalendarContentWrap {}

table.popupCalendarContentTable,
tr.popupCalendarContentRowDay,
td.popupCalendarContentColDay,
td.popupCalendarContentColDay,
td.blankDay{}
*/

.popupCalendarWrap td {vertical-align:middle;}
.popupCalendarColPrev img, .popupCalendarColNext img {vertical-align:middle;}
.popupCalendarColTitleDay, .popupCalendarContentColDay { text-align:center;}
.popupCalendarActiveDay {background-color:lightgrey; color:white; cursor:default; font-weight: normal;}



/*///////////////// viewbook /////////////////////////
- viewbook.asp
*/


/*///////////////// ALCcalendar /////////////////////////
- ALCcalendar.asp
*/



/*///////////////// offersExt /////////////////////////
- offersExt.asp
*/


/*/////////////client_components inc_offersmore///////////////////////*/
table.inc_offersmore {width:100%}

.inc_offersmore .title {text-align:center;}
.inc_offersmore .introtext {font-style:italic; text-align:right; /*font-size:0.9em;*/}

/*/////////////newsletter_iframe///////////////////////
- newsletter_iframe.asp
*/
.newsletter_iframe .input, .newsletter_iframe .button {display:block; float:left; margin:0px;}
.newsletter_iframe .input {clear:left; margin-right:5px;}
.newsletter_iframe .row {clear:both; margin-bottom:10px;}



/*/////////////sitemap///////////////////////
- Sitemap.asp
*/

#sitemap, #sitemap a { line-height:1.6;}
#sitemap a, #sitemap a:hover {text-decoration:none;}
#sitemap ul, #sitemap ul li {list-style:none;}
#sitemap .nolist {padding-left:1.5em; padding-bottom:1.5em; margin-top:0px; padding-top:0px;}
#sitemap .nolist ul { display: inline;}
#sitemap ul li {font-weight:bold;}
#sitemap .nolist li {font-weight:normal;}

#sitemap h1 {}
#sitemap h2, #sitemap h3, #sitemap h24, #sitemap h5, #sitemap h6 { padding:0 0 1.6em 0; margin:0px;}


/*/////////////cardPayAfterBooking///////////////////////
- functions/cardpayafterbooking.asp (in CLIENT folder and on SECUTRE)
*/



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////           UNDER DEVELOPMENT / NOT COMPLETED (all content bellow)           /////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////
///////////  SEARCH RESULTS (Flight, Hotel, Hired car ////////////
////////////////////////////////////////////////////////////////*/

.result_wrap, .result_wrap div {float:left; overflow:hidden;}
.result_wrap div {width:100%; padding-left:0; padding-right:0;}

.result_wrap, #hotel_result_wrap, #flight_result_wrap {clear:both;}


hr.hrline {float:left; width:98%; border:none; height:1px; background-color:#999999; margin:0.5em 1% 0.5em 1%;}


/*Font*/
.search_reslut h1, .search_reslut h2, .search_reslut h3, .search_reslut h4, .search_reslut h5, .search_reslut h6 {
	margin:0px;
	padding:0px;
	line-height: normal;
}


.search_reslut .search_reslut a:hover {
	text-decoration: underline;
}

.search_reslut {font-size: 1em;}
.search_reslut .price {font-size: 1.4em; line-height: 1.1;}
.search_reslut .price_txt {font-size: 0.9em;}

.search_reslut .titles {line-height: 2.5;}
.search_reslut .moreinfo .titles {line-height:1.6;}
.search_reslut .bar_choice {line-height:2.3;}


.search_reslut .extrainfo {
	font-size: 0.9em;
	color: #999999;
	
}
.search_reslut span.order_btn {text-align:left;}

.search_reslut .titles,
.search_reslut span.order_btn,
.search_reslut .price,
.room_info a {font-weight: bold;}



ul#tabsul a {
	text-decoration:none;
	text-align:center;
	font-size:1.1em; font-weight:bold;
}

/*images*/
.searchbtn_flight a{background-image:url(../images/ico_flight.gif);}
.searchbtn_hotel a{background-image:url(../images/ico_hotel.gif);}
.searchbtn_carhire a{background-image:url(../images/ico_carhire.gif);}
.searchbtn_cabin a{background-image:url(../images/ico_cabin.gif);}
.searchbtn_fandh a{background-image:url(../images/ico_fandh.gif);}

.search_reslut span {display:block;}
.search_reslut span.hide {display:none;}
.search_reslut strong {font-weight:bold;}

/*Width*/
#flight_result_wrap, #hotel_result_wrap {/*width:546px;*/ width:100%;}

.search_reslut .item_text_content {width: 98%; text-align:left; padding:0 1% 0 1%;}

.search_reslut .moreinfo {
	margin-top:1.2em;
	margin-bottom:2em;
}

/*///////////// TABS ////////////////////*/
#tabs, ul#tabsul {display:block; float:left; clear:both;}
#tabs {margin-bottom:20px;}

ul#tabsul a {margin-right:0.5em;}

ul#tabsul a,
ul#tabsul a span, 
ul#tabsul li { display:block;}

ul#tabsul li{float:left;}
ul#tabsul li {position:relative;}
ul#tabsul a span { position:absolute; top:0px; left:0px;}

ul#tabsul a {margin-top:20px;}

ul#tabsul a, ul#tabsul a span {width:90px;}
ul#tabsul a span {padding-top:2px; padding-bottom:2px; margin-bottom:2px;}


ul#tabsul a {background-repeat: no-repeat; 	background-position: center top;}
ul#tabsul a:hover {background-position: center -78px;}


ul#tabsul a{ height:75px;}

/*__General list styles__*/

.search_reslut .titles span,
.search_reslut .bar_choice span {float:left}


.search_reslut .title_date {
	text-align: left;
	clear: left;
	 
}

.search_reslut .wrap_price {
	float: left; 
	padding-top: 0.5em;
	padding-bottom: 0.9em;}

.search_reslut .titles span,
.search_reslut .bar_choice span
{	
text-align: center;
	 
}

/*ROW: price (100%)*/
.search_reslut .wrap_price {width:100%;}
.search_reslut .wrap_price .price, .search_reslut .wrap_price  .price_txt {width: 90%; }
.search_reslut .wrap_price .order_btn {width:10%;}

.search_reslut span.order_btn {float:left;}

.search_reslut .price, 
.search_reslut .price_txt {margin-top: 0.5em; text-align: center; float:left;}

.search_reslut .titles {float: left; clear: both;}


.search_reslut .moreinfo {
	float: left;
	clear: both;
	display:block;
}

.search_reslut .mi_hr {
	float: left;
	clear: both;

}

.search_reslut .mi_cnt { 
	float: left;
	margin-top: 0em;
	margin-bottom: 0em;
}

.search_reslut .mi_header {
	 
	float: left;

}

.search_reslut .radiobtn {float: left;}

.search_reslut .radiobtn input {
	height: 11px;
	width: 11px; 
	margin-top: 0.5em;	
}


.search_reslut .bar_choice label {width:auto; display:block; float:left; border-style:none;}

/*///////////// FLIGHT SEARCH RESULTS ////////////////////*/

/*_ col1  _*/
#flight_result_wrap .title_date {width: 123px; text-indent:0.5em;}

#flight_result_wrap .ico_home, 
#flight_result_wrap .ico_away  
{width: 76px;}

#flight_result_wrap .radiobtn {width: 20px;}
#flight_result_wrap .ico_airline, #flight_result_wrap .ico_airline img  {width: 27px;overflow: hidden;}

/*_ col2  _*/
#flight_result_wrap .title_dep, 
#flight_result_wrap .dep {width: 75px;}

/*_ col3 _*/
#flight_result_wrap .titles .ico_to, 
#flight_result_wrap .ico_to {width: 32px;}

/*_ col4 _*/
#flight_result_wrap .title_arv, 
#flight_result_wrap .arv {width: 75px;}

/*_ col5  _*/
#flight_result_wrap .title_dur, 
#flight_result_wrap .dur {width: 65px;}

/*_ col6  _*/
#flight_result_wrap .mi_flinfo {/*width: 174px;*/ width: 176px;}

#flight_result_wrap .title_tran, 
#flight_result_wrap .tran {width: 50px;}
#flight_result_wrap .flinfo {/*width: 124px;*/ width: 126px;}


/*_ ROW: choice & moreinfo (full width - ICO) _*/
#flight_result_wrap .bar_choice {width: 470px;} 



#flight_result_wrap .moreinfo .titles, 
#flight_result_wrap .moreinfo, 
#flight_result_wrap .mi_cnt, 
#flight_result_wrap .mi_header, 
#flight_result_wrap .mi_hr {	width: 470px;}
#flight_result_wrap .mi_flnr {width: 47px;} /* .radiobtn + .ico_airline  */

/*/// Row HEIGHTS ///*/



#flight_result_wrap .bar_choice,
#flight_result_wrap .ico_home, 
#flight_result_wrap .ico_away
{margin-top: 1em;}



#flight_result_wrap .choices_away,
#flight_result_wrap .choices_home {margin-bottom:0.5em; margin-top:0.5em;}

.mi_header {}

#flight_result_wrap .ico_away, 
#flight_result_wrap .ico_home { height: 5.9em;}
#flight_result_wrap .ico_airline {height: 2.3em;}

#flight_result_wrap .mi_hr { padding-top:0.7em; padding-bottom:0.7em; overflow:hidden;}
#flight_result_wrap .mi_hr hr {display:none;}
#flight_result_wrap .mi_hr hr {
	height: 1px;
	border-width: 0px;
	border-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	}
	


/*/// Images & icons ///*/

#flight_result_wrap .ico_away {background-image: url(../images/away.gif);}
#flight_result_wrap .ico_home {background-image: url(../images/home.gif);}
#flight_result_wrap .ico_to {background-image: url(../images/arrow_to_b.gif);}



#flight_result_wrap .ico_away, 
#flight_result_wrap .ico_home, 
#flight_result_wrap .ico_to, 
#flight_result_wrap .titles .ico_to {	
	background-position: center center;
	background-repeat: no-repeat;}

#flight_result_wrap .ico_away, 
#flight_result_wrap .ico_home {	
	float: left;
	text-align:center;}





#flight_result_wrap .ico_airline {	 
	float: left; 
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#flight_result_wrap .ico_airline img {
	/*padding-bottom: 10px;*/
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}

#flight_result_wrap .ico_to {
	 
	float: left;	
}


/**/
#flight_result_wrap {
	float: left;
	clear: both;
}
.search_reslut {
	margin-right: auto;
	margin-left: auto;
}


#flight_result_wrap form {/*.zoom: 1;*/}

#wrap_results {
	cursor: default;
	clear: both;
	float: left;
	margin: 0em;
	padding-top: 0.2em;
	padding-bottom: 1.5em;
}

#flight_result_wrap .wrap_item_result {
	cursor: default;
	clear: both;
	float: left;
	/*padding: 0px;
	margin-bottom: 3em;*/
}


#flight_result_wrap .wrap_home, #flight_result_wrap .wrap_away {
	float: left;
	clear: both;
	 
}


#flight_result_wrap .bar_choice {
	/*margin-top: 0.2em;
	margin-bottom: 0.3em;*/
	float: right;
	clear: none;
}


#flight_result_wrap .choices_away, 
#flight_result_wrap .choices_home {
	clear: both;
	float: left;
}




#flight_result_wrap .title_dur, 
#flight_result_wrap .title_tran {
	text-decoration: none; 
}


#flight_result_wrap .dep, 
#flight_result_wrap .ico_to, 
#flight_result_wrap .arv, .dur, 
#flight_result_wrap .tran, .flinfo, 
#flight_result_wrap .mi_flinfo {
}



#flight_result_wrap .titles .ico_to {background-image: url(../images/arrow_to_w.gif);}

#rightSearchWrap{
	padding: 0.5em;
	position:absolute;
	top:5px;
	right:5px;
	border: 1px solid #000000;
	Width: 180px;
}
#searchresultwrap{
	position: relative;
}

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

.search_reslut .wrap_home, .search_reslut .wrap_away, .search_reslut .item_text {
	float: left;
	clear: both;
}

.search_reslut h1, .search_reslut h2, .search_reslut h3, .search_reslut h4, .search_reslut h5, .search_reslut h6 {display: inline;}


.search_reslut .titles,.search_reslut .titles strong, .search_reslut .titles h1, .search_reslut .titles h2, .search_reslut .titles h3, .search_reslut .titles h4, .search_reslut .titles h5, .search_reslut .titles h6 {line-height: 2.5;}

/*search results rules*/
.wrap_item_result .withoutImage .bar_hotel .image {display:none;}
.wrap_item_result .withoutImage .bar_hotel .text {width:100%;}

/*///////////// HOTEL SEARCH RESULTS /////////////////////
comment: edited 090123LS
file: component, hotelsearchresult
///////////////////////////////////////////////////////*/

.wrap_item_result {}

#hotel_result_wrap .titles {overflow:hidden; padding:0.1em 1%; width:98%; line-height:1.4;}
#hotel_result_wrap .titles img {margin-top:0.3em;}
#hotel_result_wrap .titles .col1{ padding-right:0.5em;} 
#hotel_result_wrap .titles .col2{}

#hotel_result_wrap .titles,
.bar_hotel,
.bar_hotel .links,
.bar_info {margin-bottom:0.5em;}

.search_reslut .links .pdf,
.search_reslut .links .morepics,
.search_reslut .links .showonmap,
.search_reslut .links .moreinfolink {width:auto; min-height:14px; line-height:1.4; display:block; float:left;}


.bar_hotel {clear:both;}
.bar_hotel .image img {max-width:100%; max-height:100%; vertical-align:middle;}
.bar_hotel .image {width:40%; margin-right:0.5%; /*margin-right:1%; IE problem, rounded up the result making it wider than 100%(40%+1%+59%)*/}

.bar_hotel .text, 
.bar_hotel .links  { width:59%;}


.bar_hotel .links a {padding-left:0.5em; padding-right:0.5em;}


#hotel_result_wrap .bar_choice { width:100%;}

#hotel_result_wrap .bar_choice span {display:block;}

#hotel_result_wrap .room_price, #hotel_result_wrap .order_btn { float:right; clear:right;}

/*
#hotel_result_wrap .bar_choice .col,
#hotel_result_wrap .bar_choice .col1,
#hotel_result_wrap .bar_choice .col2,
#hotel_result_wrap .bar_choice .col1 span, 
#hotel_result_wrap .bar_choice .col2 span,
.bar_hotel,
.bar_hotel .image,
.bar_hotel .text,
.bar_hotel .links,
.room_type,
.room_people,
.room_info,
.room_price .title, 
.room_price .text { display:block; }


#hotel_result_wrap .bar_choice .col1 span { padding-right:0.5em;}
#hotel_result_wrap .bar_choice .col2 span { padding-right:0px;}

.room_type,
.room_people,
.room_info {
	white-space: nowrap;
}


#hotel_result_wrap .bar_choice .col1 {width:80%; text-align:left;}
#hotel_result_wrap .bar_choice .col2 { width:20%;}

#hotel_result_wrap .bar_choice span.extrainfo { display:inline; float:none;}

.bar_info { text-align:right;}

*/

.room_info a{
	text-align:center; 
	height: 17px;
	display:block;
	line-height:17px;
	width: 17px;
	overflow:hidden;
	background-image: url(../images/qa.jpg); 
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: center center;
}


.bar_hotel .image{text-align:center; overflow:hidden;}

.room_price  span.title, .room_price span.text { text-align:right;}
.room_price .title {width:auto; overflow:hidden;}
.room_price .text {width:70px;}

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