/****************************************************************
********* 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.

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

input.typeHidden {display:none;}

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

/*__  GLOBAL 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 {}

#iframe_body, #iframe, .iframe_body, .iframe, #body {background-image:none; text-align:left; margin:0px; padding:0px;}
#iframe_body .contact_iframe, #iframe .contact_iframe, #iframe_body .offers_table, #iframe .offers_table {width:100%}

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

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

.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;}
.marginLeft {margin-left:15px;}
.marginRight {margin-right:15px;}
.dispayBlock {display:block!important;}
.displaynone, .hide {display:none!important;}

/*__ 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;}
.asterix {font-weight:bold;}

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

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

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

/*///////////////  BUTTONS, ICONS and IMAGES /////////////////////*/

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

.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, .link_sitemap {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);}
.link_sitemap {background-image:url(../images/sitemap.gif);}

.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 {font-weight:bold;}
.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;
}

.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 span, .tabsmenu a.active:hover, .tabsmenu a.active:hover span, .tabsmenu a:active, .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:hover 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 {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") */

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

.no_rightside #content {width:793px;}

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

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

/*
__ NO SIDES __ (body class="no_sides") */
.no_sides #content {margin-right:0px; padding-right:0px;}
.no_sides #leftside, .no_sides #rightside {display:none;}

.no_sides #content {width:100%;}

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

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

/*
__ 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 */

.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,
.brochureiframe #newsletterFormatOptions,
#broch_CustomerCategory,
#broch_persinfo	{margin-bottom:15px;}

#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, .pageheader h2, .pageheader h3 {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  ////////////////
////////////////////////////////////////////////////////////////*/

#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_list, .hotel_list_item, .atribute {width:100%;}

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

.hotel_list_item_imagewrap {width:45%;}
.hotel_list_item_textwrap {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:100%;}

.hotel_list_image {width:90%;}
.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  {float:right; clear:both; 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:New version (ul, li) __*/
.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%;}

/*__ Hotel Atributes:Old version (definition-list:DL,DT,DD) __*/
.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;}

/*___ More images slider ___*/
#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%;}
.imageslider{width:100%; display:block;}

/*the actual slider, width tells how much is shown; so to show 3 thumbs is thumbsize*3 (100x3=300) - Anything inside this will slide*/
#slider {width:300px; 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 ...) ///////////
////////////////////////////////////////////////////////////////*/

.ordersteps_width1, .ordersteg_width1 {width:100%;}
.ordersteps_width2, .ordersteg_width2 {width:auto;}
.ordersteps_width3, .ordersteg_width3 {width:auto;}
.ordersteps_width4, .ordersteg_width4 {width:auto;}
.ordersteps_width5, .ordersteg_width5 {width:auto;}

/*__ order1 __*/

/*__ order2 __*/

/*__ order3 __*/

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

/*__ 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);}
.flag_it{background-image:url(../images/flags/flag_it.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_*/
.calendar_box {margin-top:0px;	display:block;	z-index:999;}
.calendar_box td {padding:0px; line-height:1.4;}
#outdate_ID #outdate_Current_ID,#indate_ID #indate_Current_ID {font-weight:bold;}

/*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%;}
.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%;}
.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{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;} 
#ac1{width:100%;}
#ac1update{cursor:pointer;}
#dynsearchmenu_wrap #disp_seltypeoftravel label {display:block;}
#dynsearchmenu_wrap #disp_selpersonsperroom label {display:block;}
#dynsearchmenu_wrap .tighParagraphs span{display:block; height:auto;}
.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 (obsolete, replaced by mainmenu on new platform) ___*/
#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;}
#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 ////////*/
.tourlist span, .tourlist div {overflow:hidden;}
.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 .firstcol, .tourlist1 .col1 {text-align:left;}
.tourlist .lastcol, .tourlist1 .col4 {text-align:right;}
.tourlist2 .image img, .tourlist4 .image 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_*/

/*_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_*/

/*////// 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,
.brochureiframe #newsletterFormatOptions,
#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,
.brochureiframe #newsletterFormatOptions,
#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;}
.BrochImg img {/* width:auto; max-width:100%;*//*CAUSES iFrameResize NOT TO WORK IF IMAGE IS LARGE*//*	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;}

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

/*/// 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 h2, #sitemap h3, #sitemap h24, #sitemap h5, #sitemap h6 {padding:0 0 1.6em 0; margin:0px;}


/*-----------------------------------------------------------------------------------------------------------------------------
------- Old css for SEARCH RESULTS (Flight, Hotel, Hired car) can now be found under /scripts/searchresults.css ---------------
------------------------------------------------------------------------------------------------------------------------------*/