/****************************************************************
********* 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;}

/*remove input type="hidden"*/
input.typeHidden { display:none;}

a, a span, .button {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;
}

.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;
}

.mapicon {
	display: inline-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-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 .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, .tabsmenu a:hover .text, .tabsmenu a.active:hover .text, .tabsmenu a:active .text, .tabsmenu a:focus .text {
	background-position:3px center;
	background-repeat:no-repeat;
}

.tabsmenu .showonmap .text {background-position:3px 4px;}
.tabsmenu a.showonmap:hover .text,
.tabsmenu a.showonmap:active .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_CustomerCategory,
#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;
}

.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;
}

/*__ 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%;}

.hotelListItem_noImage .hotel_list_item_imagewrap {display:none;}
.hotelListItem_noImage .hotel_list_item_textwrap {width:100%;}

.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 p{margin:0px; padding:0px;}

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

/*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;}

/*////////////////////////////////////////////////////////////////
///////////  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);}
.flag_pl{background-image:url(../images/flags/flag_pl.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;}

.calendarDateInput,
#indate_Month_ID, #dynsearchmenu_wrap #indate_Month_ID, #outdate_Month_ID, #dynsearchmenu_wrap #outdate_Month_ID,
#indate_Day_ID, #dynsearchmenu_wrap #indate_Day_ID, #outdate_Day_ID, #dynsearchmenu_wrap #outdate_Day_ID,
#indate_Year_ID, #dynsearchmenu_wrap #indate_Year_ID, #outdate_Year_ID, #dynsearchmenu_wrap #outdate_Year_ID, #dEarlydate_Year_ID, #dynsearchmenu_wrap #dEarlydate_Year_ID {
margin-right:1px;}

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

#indate_Day_ID, #dynsearchmenu_wrap #indate_Day_ID, 
#outdate_Day_ID, #dynsearchmenu_wrap #outdate_Day_ID,
#startdate_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,
#startdate_Year_ID {
	width:32px;
	padding-left:0px;
}

.calendarlink {width:11px; height:10px; margin-top:0px; display:block;}

#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*/
}

.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;}
#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;}
.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 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_niv2_content p{margin:0px; padding:0px;}

#dynsearchmenu_wrap textarea {overflow:auto;} 

/*for the autocomplete textbox in searchengine */
#ac1{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;}

.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;
	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;
	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;}

/*////////  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:6px;	padding-bottom:6px;}
.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 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
*/
body.brochureiframe h2,
body.brochureiframe h3 { margin-top:0; padding-top:0;}

#brochure_page span.checkbox {padding-right:3px;}
#brochure_choice_wrap span.checkbox {width:9%; padding-left:0; padding-right:1%;}
#brochure_choice_wrap span.BrochName {width:89.9%; padding-left:0; padding-right:0;}

#broch_CustomerCategory span.checkbox {padding-right:2px;}
#broch_CustomerCategory span.checkbox_txt {padding-right:15px;}

#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 .checkbox,
.brochure_choice .BrochName,
.brochure_choice,
.brochure_choice .Brochtext,
.brochure_choice .BrochImg,
#brochure_page,
#brochure_header, 
#brochure_choice_wrap, 
#broch_custinfo, 
#broch_custinfo_under, 
.broch_custinfo_row,
#broch_newsletter, 
#broch_CustomerCategory,
#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_CustomerCategory, 
#broch_persinfo  {
	clear:both;
	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: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;
}

.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%;}

.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: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;
}

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

#flight_result_wrap .bar_choice {
	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;}

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