/****************************************************************
********* GLOBAL STYLE settings  ****** Updated:  080813 /LS  ***
*****************************************************************
*****************************************************************
 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  ////////////////
////////////////////////////////////////////////////////////////*/


/*__  GLOBAL COLORS (not same as client colors) __*/

#iframe_body, #iframe, .iframe_body, .iframe, #body {background-color: #FFFFFF;}
/**/
.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;}

/**/


/*__ FORMS __*/

.checkbox, .checkbox input,
.radiobtn, .radiobtn input,
.radio, .radio input {
	border: 0px none;
}


/*_input (button, checkbox, radio,  text) _*/
input{}

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

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

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



/*__ Corners __*/

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

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

hr.hr1 {size:1;}
hr.hr2 {size:1;}
hr.hr3 {size:1;}



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


.button, .btn_next, .c_submit input, .childageinfo{cursor:pointer; overflow: hidden;}


.btn_next, .c_submit input, .childageinfo { font-size: 1em;}


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

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

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

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


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

.mapicon:hover {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(../clientfiles/images/qa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-style: none;
	font-weight: bold;
	text-indent: 2px;
}



/*__ 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{margin-bottom: 15px;}
.box .title {font-weight: bold;}



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

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


/*////////  CONTENTPAGES (categorty, destination, hotel) ///////*/

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


#destination .user_content, 
#hotel .user_content,
#hotel .content_wrap_image
{width: 370px;}


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


/*__ NO RIGHTSIDE __ (body class="no_rightside") 
This 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_image,
.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
{width: 793px;}


.no_rightside #destination .user_content, 
.no_rightside #hotel .user_content,
.no_rightside #hotel .content_wrap_image
{width: 581px;}


 leftside: 180px + margin-right 20px
 content: 582px + margin-right 20px
 rightside: 191px
 

/*__ 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_image,
.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: 993px;}


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





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

#content {
	margin-bottom: 10px;
}


.content_wrap_image {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

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

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

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

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

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

 
.offers_table {
	margin-bottom: 10px;
}






/*////////////////////////////////////////////////////////////////
//////////////////////   STARTPAGE  //////////////////////////////
////////////////////////////////////////////////////////////////*/

.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 .hotel_list,
#hotel .hotel_list {
	float: left;
}

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


#hotel .content_wrap_image {
	/*clear: left;
	float: left;/
	margin-right: 10px;*/
}
#hotel .atribute {
	float: left;
}

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



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

.hotel_list_item {
	margin-bottom: 10px;
	clear: both;
	display: block;
	float: left;

}

.hotel_list_item_textwrap {
	float: left;
	width: 110px;
	clear: left;
	margin: 0px;
	padding: 0px;
	height: auto;
}
.hotel_list_item_imagewrap {
	width: 90px;
	float: left;
}


.hotel_list_title, .hotel_list_rating, .hotel_list_text, .hotel_list_map{
	clear: left;
	float: left;
	width: 110px;
	height: auto;
	
}


.hotel_list_image  {
	height: 50px;
	width: 80px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: both;
	float: right;
	margin-left: 0px;
	overflow: hidden;
}

.hotel_list_image img{
height: 50px;
  }


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

/**/



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

/**/



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



/*/////////  IMAGE SLIDER slider (javasript) /Roo //////////////*/

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


.imageComponent /*the wrapper for both slides and mainImage*/
{
	float:left;
	text-align:center;
}


.imageComponent .content_wrap_image { margin-right:auto; margin-left:auto; text-align:center; float:none;}


.imageslider, 
.imageComponent {width: 370px;}

.imageslider /*wrapper for navigation and the slider*/
{
	float: left;

	display:block;
}

.carousel_navigation /*class on both left and right side navigation divs*/
{
	width:35px;
	height:16px;
	float: left;
}

#slider /*the actual slider, width tells how much is shown; so to show 3 thumbs is thumbsize*3 - Anything inside this will slide*/
{
    width: 300px;
    overflow: hidden;
	float:left;
}

#main_image{
	cursor: pointer;
}


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


#slidecontent img {width:96px; margin-left:2px; margin-right:2px;}

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


.carousel-control img /*navigation images*/
{
	margin-top:30px;
}


/*//////////////  ATRIBUTES (definition-list) //////////////////*/


/*----------- UNDER: OLD DL,DT,DD version. 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; margin-bottom:10px;}

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


.atribute {padding: 0px; margin: 0px; width:200px;}

.atribute ul, .atribute ul li {display: block; padding: 0px; margin: 0px; list-style: none;}

.atribute ul {width:auto; height:auto;} 
.atribute ul li {float:left; clear:both; width:100%; }


.atribute { float:left; overflow:hidden;}



.atribute ul li { display:block; border-top: 1px solid; float:left; clear:both;}



.atribute li, .atribute li strong, .atribute li span {display:block;}
.atribute li strong, .atribute li span {padding-top:5px; padding-bottom:5px; overflow:hidden;}


.atribute li strong{
float:left;
clear:left;
	width: 50%;
	font-weight: bold;

}
.atribute li span{
	float:left;
	width: 50%;
	text-align:right;
	}



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


.ordersteg_width1 {
width: 580px;	/*width: 600px;*/
}
.order1 .ordersteg_width2,
.order4 .ordersteg_width2,
.ordersteg_width2 {
	width: 143px;
}

.order1 .ordersteg_width3,
.ordersteg_width3{
	width: 146px;
}
.order1 .ordersteg_width4,
.ordersteg_width4 {
	width: 90px;
}

.order1 .ordersteg_width5,
.ordersteg_width5 {
	width: 364px;
}
/**/




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



/*////////         List formating 
 (content_iframe, tourlist1, tourlist2, brochureIframe) ///////*/



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


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


.tableselector_header td
 {
	text-align: right;
}

.tableselector_footer td
 {
	text-align: center;
}



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


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


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




/*__ Tourlists __*/


.tourlist img
   {
	width: 114px;
}

.tourlist2 .tableheader span {
	margin-left: 10px;
}

.tourlist3 .col4, .tourlist4 .col3 { text-align:right;}



.tourlist1b .tableselector_footer .col1, 
.tableselector_footer .col3 { min-width: 20%;
}



/*__ contact_iframe __*/

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


/*__ Brochure page __*/


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


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



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



.brochure_choice {
	width: 194px; /*(582/3)*/
	overflow: hidden;
}



.broch_custinfo_colleft {
	width: 271px;
}

.broch_custinfo_colright {
	
	width: 311px;

}

#brochure_page .checkbox_txt {width: 552px;}


.brochure_choice .BrochImg img {width: 80px}


#brochure_header, 
#broch_custinfo, 
#broch_custinfo_under, 
#brochure_choice_wrap {
	margin-bottom: 15px;
}


.broch_custinfo_row {

	margin-bottom: 5px;
}


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




#broch_newsletter, 
#broch_persinfo {
	margin-bottom: 15px;
}


#brochure_page .checkbox {width: 17px; text-align:left;}

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

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


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

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




/*////////////////////////////////////////////////////////////////
///////////////  DYNAMIC SEARCH MENU  ////////////////////////////
////////////////////////////////////////////////////////////////*/



#ds_area_wrap, #ds_area_content {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_wrap {} 
#ds_area_content {padding-left:1px;} 


#dynsearchmenu_wrap {
	clear: both;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 2px;
}

.ds_inrbox{
	clear: left;
	float: left;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-bottom: 4px;	
}

.ds_tabs_wrap{
	float: left;
	clear: left;
	margin-bottom: 0px;
}


#ds_tabs_wrap_content{
	float: left;
	margin: 0px;
	padding: 0px;
}


#dynsearchmenu_Ltab{
	float: left;
	width: 87px;
	margin: 0px;
	overflow: hidden;
}

#dynsearchmenu_Rtab{
	float: right;
	width: 87px;
	margin: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-style: none;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
}

.active_ds_tab{}

.ds_content{
	float:left;
	text-align: center;
	clear: left;
	margin-bottom: 0px;
	white-space: normal;
	}
	



#dynsearchmenu_wrap .ds_niv1 label{
	cursor:pointer;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}




#ds_tabs_wrap_content label{
	cursor:pointer;
	padding-top: 4px;
	padding-bottom: 6px;
	display: block;
}

	
.ds_niv1 {
	line-height: 10px;
	width: 174px;
	text-align: left;
	margin-left: 0;
	padding-right: 0px;
	margin-bottom: 0px;
	margin-top: 1px;
	margin-right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
	
	clear: left;
	float: left;
	display: inline;
}

.ds_niv1:hover{}


.ds_niv2 {
	display: block;
	clear: left;
	float: left;
	margin-bottom: 1px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


.ds_niv2_content{
	width: 168px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	clear: both;
	float: none;

}

.selectwrap{
	display: inline;
	float: left;
	clear: both;
	width: 100%;
}


#dynsearchmenu_wrap .ds_niv2 label{
	display: block;
	float: left;
	clear: both;
	}
 

.ds_corner_tl{
	float:left;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.ds_corner_tr{
	float:left;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: right top;

}

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

.ds_corner_bl{
	float:left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
		
.ds_corner_br{
	float:left;
	width: 180px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	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;
}



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


/*__ FORM SETTINGS (DYNSEARCHMENU) __*/

.ds_niv2_content p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#dynsearchmenu_wrap .ds_niv2 legend,
#dynsearchmenu_wrap .ds_niv2 input,
#dynsearchmenu_wrap .ds_niv2 select,
#dynsearchmenu_wrap .ds_niv2 option,
#dynsearchmenu_wrap .ds_niv2 textarea,
#dynsearchmenu_wrap .ds_niv2 label
 {

	font-size: 1em;

}


#dynsearchmenu_wrap form, #dynsearchmenu_wrap FORM,
#dynsearchmenu_wrap legend, #dynsearchmenu_wrap LEGEND
 {
	margin: 0px;
	padding: 0px;
}


#dynsearchmenu_wrap select, #dynsearchmenu_wrap SELECT {
	width: 100%;
	} 

#dynsearchmenu_wrap option, #dynsearchmenu_wrap OPTION {} 


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


/*CSS FORM overide (overide: searchModule.css.asp)*/


.calendarDiv img{
	height: 10px;
	width: 11px;
	overflow: hidden;
}

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


#dynsearchmenu_wrap .calendarDiv{
	float: left;

}

#dynsearchmenu_wrap .tighParagraphs{
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}


#dynsearchmenu_wrap .tighParagraphs input,
#dynsearchmenu_wrap .tighParagraphs select,
#dynsearchmenu_wrap .tighParagraphs img{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


#dynsearchmenu_wrap #swap{
	margin: 0px;
	padding: 0px;
}

#dynsearchmenu_wrap #searchwrapper{
	margin-left: 0px;
	padding: 0px;
	float: left;
}	


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



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

#dynsearchmenu_wrap #indate_Day_ID, #dynsearchmenu_wrap #outdate_Day_ID {
	width: 45px; 
	display:block;
}

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




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



#dynsearchmenu_wrap input.calendarDateInput,
#dynsearchmenu_wrap input.txtChildrenAge{
height: 19px;

}
#dynsearchmenu_wrap input.txtChildrenAge{
	display: block;
	float: left;
	margin-right:4px;
	width: 30px;
	height: 19px;
}




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


}



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

#ac1update{
	cursor: pointer;
}





/*FIREFOX FIXES Select box expand problem*/

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



/*styling dsmenu*/




.ds_inrbox{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


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



#dynsearchmenu_Ltab{border-style: none;}

#dynsearchmenu_Rtab{border-style: none;}


#dynsearchmenu_Ltab.active_ds_tab{}

#dynsearchmenu_Rtab.active_ds_tab{}

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

.ds_niv1, .ds_niv2 {
	width: 168px;
}





.ds_niv2 {
	width: 166px;
	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: 162px;
}

	.ds_niv1
 {
	font-weight: bold;
	text-decoration: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	/*line-height: 1.01em;*/
	line-height: 10px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
}


.ds_niv2 {
	font-weight: normal;
}




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


/*__ CALENDAR  __*/

.calendar_box
/* Calendar popup, changes itīs position,
Calendar will not show up over inline objects or div outside its div*/
{
	/*left: 0px;*/ /*iframe left 0px*/
	margin-top: 0px;
	left: 0px;
	display: block; /*span tag*/
}

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



/*////////////////////////////////////////////////////////////////
//////////////////  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 {
	line-height: 25px;
	height: 25px;
	font-weight: bold;	
}


#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	line-height: 20px;
	height: 20px;
	padding-left: 9px;
	font-weight: normal;
}






#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 li.toplevel a, #menu li.toplevel a:hover {}

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



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




/*///////////// TABS ////////////////////*/
#tabs, ul#tabsul {display:block; float:left; clear:both;}

#tabs {margin-bottom:20px;}

ul#tabsul a {
	text-decoration:none;
	/*height:75px;
	line-height: 75px;*/
	text-align:center;
	font-size:1.1em; font-weight:bold;
	margin-right:5px;
	color:#666666;
}

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

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


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


ul#tabsul a{ height:75px;}



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



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

/*/// Text formating ///*/
.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 {font-size: 1em;}



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


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

/**/

.search_reslut span {display:block;}
.search_reslut span.hide {display:none;}

.search_reslut strong { font-weight:bold; /*highlight*/}




/*/// WIDTH ///*/
#flight_result_wrap, .search_reslut, .search_reslut #wrap_results {width: 546px;}

.search_reslut .wrap_results .wrap_item_result {width: auto; border: 1px solid}

.search_reslut .wrap_home, 
.search_reslut .wrap_away, 
.search_reslut .wrap_price, 
.search_reslut .choices_away, 
.search_reslut .choices_home, 
.search_reslut .wrap_away .titles, 
.search_reslut .wrap_home .titles {width: 546px;}


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

.search_reslut .ico_home, 
.search_reslut .ico_away  
{width: 76px;}

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

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

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

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

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

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

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


/*_ ROW: choice & moreinfo (full width - ICO) _*/
.search_reslut .bar_choice, 
.search_reslut .bar_choice label {width: 470px;} 
.search_reslut .bar_choice label {width:auto; display:block; float:left; border-style:none;}


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


/*_ ROW: price (100%) _*/
.search_reslut .price, .search_reslut .price_txt {width: 493px; }

.search_reslut .order_btn {width:43px;}




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

.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 .moreinfo {
	margin-top:1.2em;
	margin-bottom:2em;
}



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



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

.mi_header {}

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

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


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

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



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

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





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

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

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


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

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


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


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






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


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


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


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


.search_reslut .dep, 
.search_reslut .ico_to, 
.search_reslut .arv, .dur, 
.search_reslut .tran, .flinfo, 
.search_reslut .mi_flinfo {
	/*padding-top: 0.5em;*/
}



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



.search_reslut .order_btn {	 
	float: left;
	text-align: right;
	font-weight: bold;
	/**/
}


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






/* 
content under, MOVE TO: CLIENT.CSS!!!!!!!!!!!!!
*/
.search_reslut .button {
	background-image: url(/clientfiles/images/btnbg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;
	background-color: #0187b4;
	border-style: none;
	line-height: 2em;
	height: 2em;
	text-decoration:none;
	display:block;
	float:left;
	margin: 0px;
	padding-left:0.4em;
	padding-right:0.4em;
	width: auto;
}

.search_reslut input.button {
	padding-top: 0.1em;
	padding-bottom: 0.4em;
	.line-height: 1em;
	.padding-top: 0em;
	.padding-bottom: 0em;
	}

.search_reslut .button:hover {background-position: right top;}




/*/// Search reslut Color ///*/

.search_reslut hr {color:#A0A0A0}

.search_reslut .titles, .search_reslut .titles h2{
	/*background-color: #8ed0f2;
	color: #FFFFFF;*/
	color: #FFFFFF;
	background-color: #666666;
}

.search_reslut .moreinfo .titles {
	color: #FFFFFF;
	background-color: #A0A0A0;
}



.search_reslut a {
	color: #0099cc;
}
.search_reslut #wrap_results, 
.search_reslut .choices_away, 
.search_reslut .choices_home {
	background-color: #FFFFFF;
}
.search_reslut .wrap_price {
	color: #666666;
}

.search_reslut .price {
	color: #000000;
}


.search_reslut .moreinfo {
	color: #666666;
}


.search_reslut .wrap_item_result {border: #666666;}
/**/

.search_reslut .titles .ico_to {background-image: url(../clientfiles/images/arrow_to_w.gif);}
/*.search_reslut .moreinfo .titles .ico_to {background-image: url(clientfiles/images/arrow_to_b.gif);}*/

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

/*roo copied css from hotel_searchresult.css here*/
/*updated global.css / searchresults_v2_4.css */
.search_reslut .item_text {width: 546px; text-align:center;}


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


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




/*///////////// HOTEL SEARCH RESULTS ////////////////////*/


.search_reslut .item_text_content {width: 98%; text-align:left; margin-left:auto; margin-right:auto;}

#hotel_result_wrap .bar_choice, #hotel_result_wrap .bar_info,
#hotel_result_wrap .bar_hotel, #hotel_result_wrap .bar_hotel .links { width:100%;}


#hotel_result_wrap .titles { margin-bottom:20px;}


#hotel_result_wrap .titles .col1, #hotel_result_wrap .titles .col2{ /*display:block;*/}

#hotel_result_wrap .titles .col1{ float:left;} 
#hotel_result_wrap .titles .col2{ float:right; padding-right:0.5em;}
#hotel_result_wrap .titles .col2 img {vertical-align:middle;}

#hotel_result_wrap .bar_choice .col1,
#hotel_result_wrap .bar_choice .col2 { display:block; float:left;}
#hotel_result_wrap .bar_choice .col1 span, #hotel_result_wrap .bar_choice .col2 span { display:block; float:left;}
#hotel_result_wrap .bar_choice span.extrainfo { display:inline; float:none;}

.extrainfo {
	font-size: 0.9em;
	color: #999999;
}
.bar_info { text-align:right; margin-bottom:10px;}


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

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


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



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



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


.bar_hotel .links{ margin-top:10px; margin-bottom:10px;}
.bar_hotel .links a { padding-left:0.5em; padding-right:0.5em;}

.bar_hotel, .bar_hotel .links {clear:both;}
.bar_hotel .image {width:40%; margin-right:2%;}
.bar_hotel .text { width:58%;}

.bar_hotel .image img {width: 100%; height:auto;}



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



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



/*///////////////// viewbook /////////////////////////*/


/*///////////////// offersExt /////////////////////////*/


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

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

/*/////////////newsletter_iframe///////////////////////*/
.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:15px;}


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



/*/////////////cardPayAfterBooking///////////////////////*/