/****************************************************************
************************************ UPDATED  **  081024 /LS  ***
*****************************************************************/
/*
 STANDARD WIDTH settings:
 leftside: 180px + margin-right 20px
 content: 582px + margin-right 20px
 rightside: 191px
 ----------------
 Page width: 993px
 -----------------
*/

/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT COLORS ///////////////////////////////
////////////////////////////////////////////////////////////////*/

#iframe_body, #iframe,
select, textarea, 
#menu ul li a, 
#leftside .menualt2 ul ul li a,
.ds_inrbox, 
.ds_content, .ds_niv2, 
.childageinfobox,
#outdate_Previous_ID, 
#outdate_Next_ID,
#indate_Previous_ID, 
#indate_Next_ID  {
	background-color: #FFFFFF;
}
/**/
body {background-color: #535657; color:#333333;}

#container {background-color: #b30800;}
#header {}
a {color:#b30800;}
a:hover {}
h1, h2, h3, h4, h5, h6 {color: #b30800;}
.title {color: #1c1c1c;}
hr {color:#dddddd; background-color:#dddddd;}
/**/
/** {border: #d95936;} */
.image, .content_wrap_image {background-color: #b30800;}
/**/

.quicksearch_breadtext span.highlight {background-color: #333333; color: #FFFFFF;}
.alert {color: #F13701;}

/**/
#flags {}

#headerBar , #headerBar a{ background-color: #b30800; color:#FFFFFF;}

/**/


#menu ul li.active a, #leftside .menualt2 ul ul li.active a,
#menu ul li.active a:hover, #leftside .menualt2 ul ul li.active a:hover  {
	color: #ffffff;
	background-color: #fe1600;
}

#menu ul ul li.active a, #leftside .menualt2 ul ul ul li.active a,
#menu ul ul li.active a:hover, #leftside .menualt2 ul ul ul li.active a:hover   {
	color: #808080;
	background-color: #FFFFFF;
}




#menu ul li a, #leftside .menualt2 ul ul li a  {
	color: #000000;
	background-color: #fcab1e;
}

#menu ul li a:hover, #leftside .menualt2 ul ul li a:hover {
	color: #FFFFFF;
	background-color:#b30800;
}


#menu ul ul li a, #leftside .menualt2 ul ul ul li a   {
	color: #b30800;
	background-color: #FFFFFF;
}
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover {
	background-color: #ffffff;
	color: #f28700;
} 

/**/

.ds_tabs_wrap{
	color: #FFFFFF;
	background-color: #b30800;
}

.active_ds_tab{
	/*background-color: #FFFFFF;*/
	color: #1c1c1c;
}

.ds_niv1
 {
	background-color: #808080;
	color: #ffffff;
}

#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID{background-color: #ffffff;
	color: #000000;}


/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/

/**/


.tableheader td{
	background-color: #b30800;
	color: #1c1c1c;
}

.row_odd td    {
	background-color: #FFFFFF;
}

.row_even td    {
	background-color: #FBF9EC;
}

	
/**/
.ordersteg_bgcolor1 {
	background-color:#fafafa;
}/* &bgc2& */



.row_odd td,
.row_even td,
.childageinfobox,
.ds_inrbox,
.ds_niv2,
.atribute dl dt,
.atribute dl dd,
#menu ul, #menu ul li { border-color:#b30800;}
/**/



/*__Search reslut Color (DEVSEARCHENGINE RESULT)__*/

/*.search_reslut hr {color:#A0A0A0}*/

.search_reslut .titles, .search_reslut .titles h2{
	color: #1c1c1c;
	background-color: #b30800;
}

.search_reslut .moreinfo .titles {
	color: #1c1c1c;
	background-color: #f0f0f0;
}



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

/**/

.button,  #brochure_btn .formtext {
	border-color:#868489;
	color: #ffffff;
	background-color: #868489;
	border-width: 1px;
}

.c_submit input{color: #333333;}
.c_submit input:hover{color: #000000;}



/*////////////////////////////////////////////////////////////////
///////////////////  FCKeditor styles ////////////////////////////
////////////////////////////////////////////////////////////////*/

/*__ FCKeditor colors __*/

.txtcolor1, hr.hr1 {color: #808080;}
.txtcolor2, hr.hr2 {color: #b30800;}
.txtcolor3, hr.hr3 {color: #f28700;}

.bgcolor1 {background-color: #808080;}
.bgcolor2 {background-color: #b30800;}
.bgcolor3 {background-color: #f28700;}

.preamble {color:#383838;}
.highlight {}


table.tablestyle1 tr {
background-color: #f28700;
color:#1c1c1c;
}

table.tablestyle2 tr {
background-color: #1c1c1c;
color:#ffffff;

}

table.tablestyle3 tr {
color:#FFFFFF;
background-color: #f28700; 
}


/**/



/*__ FCKeditor formating __*/
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: 9px;}
.txtlarge {font-size: 13px;}
.highlight {font-weight: bold;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	
}




/*////////////////////////////////////////////////////////////////
////////////////////  BASIC FORMATING ////////////////////////////
/////////////// Textformatting and HTML standard tags ////////////
////////////////////////////////////////////////////////////////*/


/* Comment: font by EM; body: 
		Font-size= 16px × 62.50% = 10px 
		Font-size= 16px × 68.75% = 11px 
*/

/*
html{font-size: 100%;}
body {font-size: 62.5%;	line-height: 1.5em;}
#user_content {font-size: 1em;}
p {margin-top: 0.2em; margin-bottom: 0.3em;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0.4em;}
h1{ font-size:1.9em;}
h2 {font-size:1.3em; margin-bottom: 0.2em;}
h3, h4, h5, h6{font-size:1.1em;	margin-bottom: 0.1em;}
form, input, select, label {font-size: 1em;}
textarea {font-size: 0.8em;} 
#content ul {margin-left: 2.5em;}
.ds_niv1{line-height: 1.01em;}
*/





body, table {line-height: 1.4; font-size: 10px;}	

body, font, span, p, table, td, .MsoNormal, caption, 
form, input, select, label, textarea, #user_content  { /*dont add properties, effects FCK*/
	font-family: Verdana, Arial, Helvetica, sans-serif;

}



a {text-decoration:none;}
a:hover {text-decoration:underline;}
input { font-size:1em; line-height:normal; /*line-height:1.4;*/ padding:0px;}

hr {height:1px; border:none; padding:0px;}

#footer hr  {
	width:90%;
}

p {
	padding: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}


h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;

}


p + h1, h2, h3, h4, h5, h6 {margin-top: 1.7em;}

#leftside h1, #leftside h2, #leftside h3, #leftside h4, #leftside h5, #leftside h6,
#rightside h1, #rightside h2, #rightside h3, #rightside h4, #rightside h5, #rightside h6,
.hotel_list h1, .hotel_list h2, .hotel_list h3, .hotel_list h4, .hotel_list h5, .hotel_list h6
 {margin-top: 0px;}


h1{	
font-size:18px;
}

h2 {font-size:13px;}

h3, h4, h5, h6{
	font-size:11px;
}



/*input, select, textarea {
	font-weight: normal;
	word-spacing: normal;
	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;
	}
*/

select {} 

option {} 

textarea {} 



#content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#content li {
	padding: 0px;
	margin: 0px;
}




/*////////////////////////////////////////////////////////////////
//////////////  CLIENT Backgrounds & images //////////////////////
////////////////////////////////////////////////////////////////*/

body {}

#container {
	background-image: url(../images/bg_container.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}


#footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}

.button,  #brochure_btn .formtext {
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat;
	background-position: top;}

.button:hover, .button:active,  #brochure_btn .formtext {background-position: bottom;}



.ds_niv1 {
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat;
}


#logo img { display:none;}

#header .image {background: transparent;}
#header{
	/*background-image: url(../images/bg_header.jpg);*/
	background-image: url(/upload/images/bgheaderROM.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#logo, #logo a{display:block; float:left; clear:both; width:100%;}
#header {}
#logo img { /*display:none;*/}
#flags {}



/*////////////////////////////////////////////////////
//////////////  ICONS & BUTTONS //////////////////////
///////////////////////////////////////////////////*/


/*__BUTTONS__*/
.button,  #brochure_btn .formtext {overflow:auto;}

.button, .button:hover,  #brochure_btn .formtext {font-size: 1em;}
.button,  #brochure_btn .formtext {border-style: outset;}
.button:hover, .button:active,  #brochure_btn .formtext {border-style: inset;}
.button,  #brochure_btn .formtext {
	font-weight: bold;
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	.padding:0 0.4em 0 0.4em;
}





/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////         MAIN WRAPERS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

html{
	height: 100%;
	margin-bottom: 0.1px;
	padding: 0px;
	margin:0px;}


body {text-align:center;}



#header, #leftside, #content, #footer, #rightside   {overflow:hidden;} 

#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float:none;} 


#container,
#header,
#leftside,
#leftside_content,
#content,
#content_content,
#rightside,
#rightside_content,
#footer {float: left;}


#container,
#header,
#leftside_content, 
#rightside_content,
#content_content,
#footer {clear:both;}


#leftside {clear:left;}


#footer {
	margin:0;
	padding:10px 0 15px 0;
	text-align: center;
}



/*_ Width _*/
#header { width:100%;}
#leftside {width: 180px;}
#content {width: 582px;}
#rightside {width: 191px;}
#leftside, #content {margin-right: 20px;}


#leftside_content{
	padding:0 0 0 10px;
	width:170px;
	/*.width:100%;*/
}

#rightside_content {width:181px; /*.width:100%;*/}




#footer_content { width:973px; /*.width:100%;*/ padding:0 10px 0px 10px;}



/*Height spacing / margins*/
#header, #content, #flashcontent, #menu, #travelize, #ds_area_wrap {margin-bottom: 20px;}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           HEADER     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

#logo img{
	margin: 0 0 0 0;
}

#logo, #header .image {float:left;}

#logo a, #logo:hover{ text-decoration:none;}

#logo, #logo a, #header .image{height:178px;}

#logo img, #header .image { display:none;}

/*
#logo {width:289px;	}
#header .image {width:704px;} 
*/



#headerBar , #headerBar_content {float:left; clear:both;}

#headerBar {width:100%;}
#headerBar_content { width:97.4%; padding:5px 1.3% 0 1.3%;}

#topmenu, #topmenu a {line-height:15px;}

#topmenu, #flags {float: right; width: auto; text-align:right;}
#topmenu_content, #flags_content {float:left; width: auto;}


#flags { padding-left:5px;}

#flags a { margin:0 0 0 5px;}



/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           LEFTSIDE     //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


/*__ MENU (main menu) __*/

#menu, #topmenu { word-wrap: break-word;}

#menu {
	float:left;
	width:100%;
	font-size:11px;
	clear: left;
	float: left;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	padding: 0px;
}



#menu a {
	display: block;
	text-decoration: none;

}

#menu a:hover {
	text-decoration: none;

}
#menu li.active a  {}


#menu ul, #leftside .menualt2 ul ul {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-top-width: 5px;
	border-top-style: solid;
	padding-top:1px;}

#menu ul ul, #leftside .menualt2 ul ul ul {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-top-width: 0px;
	border-top-style: none;
	padding-top:0px;
	}



#menu ul li, #leftside .menualt2 ul ul li {
	margin-bottom:1px;

}


#menu ul ul li a, #leftside .menualt2 ul ul ul li a { font-weight:bold;}



#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {
 font-weight:normal;

}




#menu ul li a, #leftside .menualt2 ul ul li a{
	padding: 0 5px 0 5px;
	font-size: 11px;
	line-height: 2;
	height: auto;

}



#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	text-decoration:none;
	font-size: 10px;
	line-height: 1.6;
	height: auto;
	padding: 2px 0 2px 9px;
	margin: 0px 0 1px 0;
}





/*/// News box ///*/
ul.news, ul.news li {
	margin: 0px;
	padding: 0px;
	width:100%;
}

ul.news {
	list-style-type: none;
	margin-bottom:10px;
}

ul.news, ul.news li, ul.news .date, ul.news .title, ul.news .text {
	display:block;
	clear: both;
	float: left;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	
}

ul.news li {
	margin: 0 0 0px 0;
	padding: 5px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	
}


ul.news .date {font-size:0.9em;}
ul.news .title {font-weight:bold;}
ul.news .text {}

/**/

/*_News box & searchsite box_*/
.searchsite input, .newsletter input { width:80%;}
.searchsite input.button, .newsletter input.button { width:auto;}






#travelize {
	clear: both;
	float: left;
	width: 100%;
	text-align:center;
}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           RIGHTSIDE    //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

#searchsite {}

/*__ DYNAMIC MENU  __*/

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


.ds_tabs_wrap{
font-size:10px;
	font-weight: bold;
	text-decoration: none;
}



#dynsearchmenu_Rtab{ display:none;}
#dynsearchmenu_Ltab{width: 100%;}




#ds_tabs_wrap_content label{
	padding: 2px 0 2px 0;

}



#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;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	line-height: 10px;

}




.ds_niv2 {font-weight: normal;}

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

} 



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

}







/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           CONTENT     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


#flashcontent {
	/*width: 582px;*/
	width: 100%;
	clear: both;
	float: left;
	border: none;
}




/*/////////////////  BOXMODULE   /////////////////////*/
/*IE6 and older browsers dont support multiple class selectors like " .boxmodule.bxm_cntThreeCol.BoxStyle_1.withoutText "
They will only read in the last specified class, in this case ".withoutText"
*/

/*
IE6 and older browsers dont support multiple class selectors like  ".withoutText.bxm_cntThreeCol.boxmodule.BoxStyle_1 .text {}" They will only read in the last specified class, in this case ".BoxStyle_1 .text {}". That is why the classes are spread out under several divs as well. To get the same selction in IE6 you need to specify your css in exactly this order: "BOXMODULE PARAMETER1 BANNERTYPE CLASSEXTRA" e.g ".boxmodule .bxm_cntThreeCol .BoxStyle_1 .withoutText .text"
*/

.boxmodule .image {background:transparent;}
.boxmodule {margin-bottom:15px;}

.boxmodule, .boxmodule div {width:100%;}
.boxmodule { float:left;}
.boxmodule div {float:none; clear:both;}
.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .text, .boxmodule .image {overflow: hidden;}

.boxmodule .highlight {}

.boxmodule h1,
.boxmodule h2,
.boxmodule h3,
.boxmodule h4,
.boxmodule h5,
.boxmodule h6,
.boxmodule .title,
.boxmodule .title a,
.boxmodule .title a:hover {font-weight: bold; text-decoration:none; line-height:1.8; margin: 0px;
	padding: 0px; color:#333333;}


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


.boxmodule, .boxmodule .image {text-align: center;}
.boxmodule .title, .boxmodule .title div {text-align: center;}
.boxmodule_content {text-align: left;}


.boxmodule_content {
	margin-left: auto;
	margin-right: auto;
}

/*__ Boxmodule Functions __*/


.bannerrowwrap { float:left; clear:both; width:100%;}

/* withoutImage_ (just text) */
.boxmodule .withoutImage .image {display:none;}

/* withoutText _ (just image) */
.boxmodule .withoutText .text, .boxmodule .withoutText .title {display:none;}


/* withoutContent _ (no image, no title, no text) */

.boxmodule .withoutContent div { display:none!important;}
.boxmodule .withoutContent { background-color:transparent !important; background:none!important; height:auto!important;}



/*__ Boxmodule Styles __*/

.boxmodule.BoxStyle_1, .boxmodule.BoxStyle_2,  .boxmodule.BoxStyle_3 {background-color:#FFFFFF;}


.boxmodule.BoxStyle_1 .boxmodule_content,
.boxmodule.BoxStyle_2 .boxmodule_content,
.boxmodule.BoxStyle_3 .boxmodule_content
 {width:96%; padding:2%;}


.boxmodule.BoxStyle_1 .title_content, 
.boxmodule.BoxStyle_1 .text_content,
.boxmodule.BoxStyle_2 .title_content, 
.boxmodule.BoxStyle_2 .text_content,
.boxmodule.BoxStyle_3 .title_content, 
.boxmodule.BoxStyle_3 .text_content,


.boxmodule.BoxStyle_4 .title_content, 
.boxmodule.BoxStyle_4 .text_content,
.boxmodule.BoxStyle_5 .title_content, 
.boxmodule.BoxStyle_5 .text_content,
.boxmodule.BoxStyle_6 .title_content, 
.boxmodule.BoxStyle_6 .text_content  
{width:96%; padding:0 2% 0 2%;}


.boxmodule.BoxStyle_1 .text_content,
.boxmodule.BoxStyle_2 .text_content,
.boxmodule.BoxStyle_3 .text_content {padding-bottom:2%;}



/* BoxStyle_1 - BoxStyle_3 (border & title bg): */
.boxmodule.BoxStyle_1 {}
.boxmodule.BoxStyle_1 .t, .boxmodule.BoxStyle_1 .r, .boxmodule.BoxStyle_1 .b, .boxmodule.BoxStyle_1 .l {
	background-image: url(../images/1pxRed.jpg);
}


.boxmodule.BoxStyle_2 {}
.boxmodule.BoxStyle_2 .t, .boxmodule.BoxStyle_2 .r, .boxmodule.BoxStyle_2 .b, .boxmodule.BoxStyle_2 .l {
	background-image: url(../images/1pxYellow.jpg);
}


.boxmodule.BoxStyle_3 {}
.boxmodule.BoxStyle_3 .t, .boxmodule.BoxStyle_3 .r, .boxmodule.BoxStyle_3 .b, .boxmodule.BoxStyle_3 .l {
	background-image: url(../images/1pxBlack.jpg);
}



.boxmodule.BoxStyle_1 .boxmodule_content, .boxmodule.BoxStyle_2 .boxmodule_content, .boxmodule.BoxStyle_3 .boxmodule_content {width:100%; padding:0px;}





.boxmodule.BoxStyle_1 .image, .boxmodule.BoxStyle_1 .text, 
.boxmodule.BoxStyle_2 .image, .boxmodule.BoxStyle_2 .text,
.boxmodule.BoxStyle_3 .image, .boxmodule.BoxStyle_3 .text {width:97%; padding:1%;}


.boxmodule.BoxStyle_1 .title, .boxmodule.BoxStyle_1 .title a,
.boxmodule.BoxStyle_2 .title, .boxmodule.BoxStyle_2 .title a,
.boxmodule.BoxStyle_3 .title, .boxmodule.BoxStyle_3 .title a  {color:#FFFFFF;}


/* BoxStyle_4 - BoxStyle_6 (bg color): */

.boxmodule.BoxStyle_1 .title,
.boxmodule.BoxStyle_4 .text, .boxmodule.BoxStyle_4 .title, .boxmodule.BoxStyle_4 .image {background-color:#b30800;}

.boxmodule.BoxStyle_2 .title,
.boxmodule.BoxStyle_5 .text, .boxmodule.BoxStyle_5 .title, .boxmodule.BoxStyle_5 .image {background-color:#fead1d;}


.boxmodule.BoxStyle_3 .title,
.boxmodule.BoxStyle_6 .text, .boxmodule.BoxStyle_6 .title, .boxmodule.BoxStyle_6 .image {background-color:#06050a;}




.boxmodule.BoxStyle_4, .boxmodule.BoxStyle_4 .title, .boxmodule.BoxStyle_4 .title a, .boxmodule.BoxStyle_4 .boxmodule_content h1, .boxmodule.BoxStyle_4  .boxmodule_content h2, .boxmodule.BoxStyle_4  .boxmodule_content h3, .boxmodule.BoxStyle_4  .boxmodule_content h4, .boxmodule.BoxStyle_4  .boxmodule_content h5, .boxmodule.BoxStyle_4  .boxmodule_content h6, .boxmodule.BoxStyle_4  strong,

.boxmodule.BoxStyle_5, .boxmodule.BoxStyle_5 .title, .boxmodule.BoxStyle_5 .title a, .boxmodule.BoxStyle_5 .boxmodule_content h1, .boxmodule.BoxStyle_5  .boxmodule_content h2, .boxmodule.BoxStyle_5  .boxmodule_content h3, .boxmodule.BoxStyle_5  .boxmodule_content h4, .boxmodule.BoxStyle_5  .boxmodule_content h5, .boxmodule.BoxStyle_5  .boxmodule_content h6, .boxmodule.BoxStyle_5  strong,

.boxmodule.BoxStyle_6, .boxmodule.BoxStyle_6 .title, .boxmodule.BoxStyle_6 .title a, .boxmodule.BoxStyle_6 .boxmodule_content h1, .boxmodule.BoxStyle_6  .boxmodule_content h2, .boxmodule.BoxStyle_6  .boxmodule_content h3, .boxmodule.BoxStyle_6  .boxmodule_content h4, .boxmodule.BoxStyle_6  .boxmodule_content h5, .boxmodule.BoxStyle_6  .boxmodule_content h6, .boxmodule.BoxStyle_6  strong

{color:#FFFFFF;}






/*__  Three column boxes (cntThreeCol / STARTPAGE boxes) __*/ 


/*
.boxmodule.bxm_cntThreeCol .image {height:106px;}
.boxmodule.bxm_cntThreeCol .title {height:20px;}

.boxmodule.bxm_cntThreeCol, 
.boxmodule.bxm_cntThreeCol .t,
.boxmodule.bxm_cntThreeCol .r,
.boxmodule.bxm_cntThreeCol .b,
.boxmodule.bxm_cntThreeCol .l,
.boxmodule.bxm_cntThreeCol .tr,
.boxmodule.bxm_cntThreeCol .br,
.boxmodule.bxm_cntThreeCol .bl,
.boxmodule.bxm_cntThreeCol .tl {height:200px;}


.boxmodule .bxm_cntThreeCol .boxmodule_content,
.boxmodule .bxm_cntThreeCol .withoutText .image
 {height:192px;}

.boxmodule .bxm_cntThreeCol .BoxStyle_2 .withoutText .boxmodule_content,
.boxmodule .bxm_cntThreeCol .BoxStyle_2 .withoutText .image
 {height:198px;}




.boxmodule .bxm_cntThreeCol .text
 {height:66px;}


.boxmodule .bxm_cntThreeCol .withoutImage .text
 {height:172px}

*/

.bxm_cntThreeCol {width:184px;}
.bxm_cntThreeCol .bxm_cntThreeCol  {width:100%;}


/*__ One column boxes (cntOneCol) __*/ 
.boxmodule.bxm_cntOneCol{}


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



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

#startpage_text {
	clear: both;
	float: left;
}



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



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



/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/
#imageComponent .imageslider {/*display:none;*/}


/*//////////////////////////////////////////////////////////////////
                             OTHER PAGES
/////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////
                          ON MULTIPLE PAGES
/////////////////////////////////////////////////////////////////*/


/*__ TABLE FORMATTING (tourlist1, tourlist2.., contact_iframe) __*/ 

.tourlist, .contact_iframe{}

.tourlist1 .col1, 
.tourlist1 .col3 {text-align: left;}
.tourlist1 .col2  {text-align: center;}
.tourlist1 .col4  {text-align: right;}

.tourlist2 .col1, 
.tourlist2 .col2 {text-align: left;}
.tourlist2 .col3  {text-align: right;}


/*__ BrochureIframe __*/
.IClistSearchText{}
.IClistSearchRadio{}


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



/*__ NO RIGHTSIDE __ (body class="no_rightside") 

Deviates from standard in that it has a bevel in content area.
5px on rightside and 5px on leftside = -10px (

content: (582+20+191)-10=783)
content: destination & hotel page [ 783-(582-370) = 571]

*/

.no_rightside #content {width: 783px; /*width: 793px;*/}

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

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


/*//////////////////////////////////////////////////////////////////
/////////////       BOX (before boxmodule)        /////////////////
////////////        Component: getBanners.asp     /////////////////
/////////////////////////////////////////////////////////////////*/

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

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

#leftside .box {width:168px;}
#rightside .box {width:179px;}
.startbanners {.width:182px;}


.box .title, .box .image {width: 98%;}
.box .text {width: 94%;}
#leftside .box .title, #rightside .box .title {width: 100%;}


.box {border-color:#b30800;}
#leftside .box .title, #rightside .box .title { background-color:#b30800;}
#leftside .box .text .title, #rightside .box .text .title { background:transparent;}


#leftside .box .title,
#leftside .box .title a,
#leftside .box .title h1,
#leftside .box .title h2, 
#leftside .box .title h3,
#leftside .box .title h4,
#leftside .box .title h5,
#leftside .box .title h6,

#rightside .box .title,
#rightside .box .title a,
#rightside .box .title h1,
#rightside .box .title h2, 
#rightside .box .title h3,
#rightside .box .title h4,
#rightside .box .title h5,
#rightside .box .title h6 {color: #ffffff;}



.box .title,
.box .title a,
.box .title h1,
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6 {color: #1c1c1c;}

.box .title,
.box .title h1,
.box .title a,  
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6{
line-height:1.4;
font-size:1em;
text-decoration:none;
}

.box  .title {margin-bottom: 0px;}
.box .title_content { padding: 2px 0 2px 0;}

.image a { display:block; float:left; clear:both; width:100%;}

.startbanners .image img {width:auto; height:auto;}
.startbanners .image {height: 107px; overflow:hidden;}
/*.box .image img {height: 107px; width:auto;}*/

.box .text {margin-top:10px;	margin-bottom:10px;}

#leftside .box, #rightside .box { float:left; clear:both; padding-top: 0px;}


/*////////////////////////////////////////////////////////////////
///////////////////////  OLD CLIENT.CSS //////////////////////////
////////////  NEEDS UPDATING!!!! (table styles etc)  /////////////
////////////////////////////////////////////////////////////////*/


/*

h1 {
	font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #d95936;
}

td {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;

}

.ShowDestListHeader {
    background-color: #DCEFEE;
    color: #009999;
    border-style: solid;
    border-color: #DCEFEE;
}
.ShowDestListNormal {
    background-color: #DCEFEE;
}
.ShowDestListHover {
    background-color: #FFFFFF;
}

.formtext { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	border-top:1px solid #537CA4;
	border-bottom:1px solid #537CA4;
	border-right:1px solid #537CA4;
	border-left:1px solid #537CA4;
}

.formbtn { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color:#5A9CE7;
	color:#FFFFFF;
	border-top:1px solid #537CA4;
	border-bottom:1px solid #537CA4;
	border-right:1px solid #537CA4;
	border-left:1px solid #537CA4;
}

select.yellow { 
 font-family: Verdana, Ariel, sans-serif;
 font-size: 8pt;
 text-color: #000000;
 border-color: #ffffff;
}

.singlenewssubject {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;

    font-weight: bold;
	color: #d95936;
}

.singlenewstext {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
}

td.subjectgray7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #FFFFFF;
}

td.subjectwhite7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #ffffff;
}

td.headerWhitebold {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
    font-weight: bold;
	color: #FFFFFF;
}

td.firstPageNewssubjectColorBlack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #000000;
}

td.firstPageNewssubjectColorBlue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #5A9CE7;
}

td.firstPageNewssubjectColorWhite {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #FFFFFF;
}

td.firstPageNewsSubjectColorblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
}

td.firstPageNewsSubjectColorBlue8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #5A9CE7;
}

td.firstPageNewsSubjectColorWhite8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #ffffff;
}

td.headerGraybold11 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #d95936;
}

td.headerBluebold11 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 11pt;
    font-weight: bold;
	color: #5A9CE7;
}
td.subjectblack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #000000;
}

select.subjectblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
}

td.subjectblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
}

td.menublue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #5A9CE7;
}

td.menugray {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #666666;
}

td.topmenu {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #ffffff;
}

a:hover.leftmenublack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: underline;
}

a.leftmenublack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

a:hover.leftmenublue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

a.leftmenublue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover.topmenu {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #ffffff;
	text-decoration: underline;
}

a.topmenu {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
}

td.headerbluebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #d95936;
	font-weight: bold;
}

td.headerwhitebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}

a:hover.menuleftsubject {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #336699;
	text-decoration: underline;
}

a.menuleftsubject {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #336699;
	text-decoration: none;
}

a:hover.headerwhitebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

a.headerwhitebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a:hover.subjectgray7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #FFFFFF;
	text-decoration: underline;
}

a.subjectgray7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.subjectwhite7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #ffffff;
	text-decoration: underline;
}

a.subjectwhite7 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #ffffff;
	text-decoration: none;
}

a:hover.menublue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #5A9CE7;
	text-decoration: underline;
}

a.menublue {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #5A9CE7;
	text-decoration: none;
}

a:hover.menugray {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #666666;
	text-decoration: underline;
}

a.menugray {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #666666;
	text-decoration: none;
}

a:hover.subjectblack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #000000;
	text-decoration: underline;
}

a.subjectblack {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
	color: #000000;
	text-decoration: none;
}

a:hover.subjectblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: underline;
}

a.subjectblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

a:hover.textblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: underline;
}

a.textblack8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

a:hover.textgray8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #666666;
	text-decoration: underline;
}

a.textgray8 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 8pt;
	color: #666666;
	text-decoration: none;
}

a:hover.headerbluebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #d95936;
	font-weight: bold;
	text-decoration: underline;
}

a.headerbluebold10 {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 10pt;
	color: #d95936;
	font-weight: bold;
	text-decoration: none;
}

td.#ffffff
field.textfieldsearch {
}

*/

/*Atribute menu*/
 
 
.atribute_content, .atribute .niv1, .atribute .niv2 { width:100%; clear:both;} .atribute .niv1, .atribute .niv1 a, .atribute .niv1 h2  { background-color:#e69f37; color:#FFFFFF;} .atribute .niv1 { padding:2px 2px 2px 2px; margin-bottom:1px;}
 
 
#atr{width: 200px;}
.atrbox_niv1{width: 195px;}
#atr{
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 float: left;
 clear: left;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 overflow: hidden;
 padding-right: 2px;
}
 
 
#atr h1, #atr h2, #atr h3{
 margin: 0px;
 padding: 0px;
 display: block;
}
 
 

.atrbox_niv1 {
 font-weight: bold;
 color: #FFFFFF;
 display: block;
 clear: left;
 float: left;
 margin-top: 2px;
 background-color: #d63034;
 /*width: 100%;*/
 margin-right: auto;
 margin-left: auto;
 border: 1px solid #d63034;
 padding: 0px;
 margin-bottom: 0px;
 height: 22px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}
DIV.atrbox_niv1:first-child{
margin-top: 0px;
}
 
.atrbox_niv1 a
{
 display: block;
 font-weight: bold;
 color: #FFFFFF;
 word-spacing: normal;
 letter-spacing: normal;
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 5px;
}
 
.atrbox_niv1_title, .atr_content{
 text-align: left;
 width: 96%;
 padding-left: 2%;
}
 
 
.atrbox_niv2 {
 clear: left;
 float: left;
 overflow: hidden;
 text-align: center;
 margin: 0px;
 /*width: 100%;*/
 background-color: #FFFFFF;
 border: 1px solid #d63034;
 display: block;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 width: 193px;
 /*.width: 195px;*/
 padding-left: 2px;
}
.atr_content{
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
 float: none;
 clear: none;
 width: 98%;
 margin-right: auto;
 margin-left: auto;
}
 
.atr_item{
 clear: left;
 float: left;
 width: 100%;
 padding-bottom: 10px;
 font-weight: bold;
}
.atr_item_q{
 float: left;
 width: 60%;
 overflow: hidden;
}
.atr_item_a{
 float: left;
 width: 39%;
 overflow: hidden;
 text-align: right;
 margin-left: 1%;
}
 

/*End Atribute*/