/****************************************************************
***** Isaksson Karlsson CSS *************************************
*****************************************************************
 (p5+180+p20)+m0+582+m0+(p21+180+p5) = 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  {
	background-color: #FFFFFF;
}

body {background-color: #cacbcc; color:#3d3d3d;}

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

.quicksearch_breadtext span.highlight {background-color: #3d3d3d; color: #FFFFFF;}
.alert {color: #ff0000;}

#flags {}

#header, #header a { color:#accdff;}
#header a:hover, #header a.active { color:#ffffff;}

.tabsmenu, .tabsmenu a, .tabsmenu a:hover {color: #3d3d3d;}
.tabsmenu a.active, .pagination input.active {color: #1c1c1c;}
.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#ff0000;
}

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

#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: #e3adbc;
	background-color: #a80632;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a   {color: #3d3d3d;}
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover {color: #2a52ad;} 
#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: #a80632;}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a ,
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover,
#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  { background:transparent;}

/*.box colors*/
.box {border-color:#cacbcc;}

.box .title {background-color:#2a52ad;}
.box .title,
.box .title a,
.box .title h1,
.box .title h2,
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6 {color:#FFFFFF;}


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

/*.boxmodule colors*/
.boxmodule.BoxStyle_2 .title, 
.boxmodule.BoxStyle_2 .title a,
.boxmodule.BoxStyle_2 .title h1, 
.boxmodule.BoxStyle_2 .title h2, 
.boxmodule.BoxStyle_2 .title h3, 
.boxmodule.BoxStyle_2 .title h4, 
.boxmodule.BoxStyle_2 .title h5, 
.boxmodule.BoxStyle_2 .title h6, 

.boxmodule.BoxStyle_3, 
.boxmodule.BoxStyle_3 .title, 
.boxmodule.BoxStyle_3 .title a, 
.boxmodule.BoxStyle_3 h1, 
.boxmodule.BoxStyle_3 h2, 
.boxmodule.BoxStyle_3 h3, 
.boxmodule.BoxStyle_3 h4, 
.boxmodule.BoxStyle_3 h5, 
.boxmodule.BoxStyle_3 h6, 
.boxmodule.BoxStyle_3 strong {color:#FFFFFF;}
.boxmodule.BoxStyle_3 a, .boxmodule.BoxStyle_3 a:hover {color:#FFFFFF;}

.boxmodule.BoxStyle_2 .title,
.boxmodule.BoxStyle_3 .text,
.boxmodule.BoxStyle_3 .title,
.boxmodule.BoxStyle_3 .image  {background-color:#2a52ad;}


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

.ds_tabs_wrap{
	color: #FFFFFF;
	background-color: #2a52ad;
}

.active_ds_tab{
	color: #1c1c1c;
}
.ds_niv1, .expMenuTitle, .expMenuTitle a, .expMenuTitle a:hover {color: #ffffff;}
.ds_niv1, .expMenuTitle {background-color: #696969;}


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



/*__ Popup Calendar title color__*/
#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#startdate_ID #startdate_Current_ID,
#outdate_ID table tbody tr:first-child td,
#indate_ID table tbody tr:first-child td,
#startdate_ID table tbody tr:first-child td,
#dEarlydate_ID table tbody tr:first-child td {background-color:#2a52ad; color:#ffffff;}

.calendarDateInput {color:#3d3d3d;}

#dEarlydate_ID span table tbody tr:first-child td,
#indate_ID span table tbody tr:first-child td,
#outdate_ID span table tbody tr:first-child td,
#startdate_ID span table tbody tr:first-child td  {background-color: transparent;}

.popupCalendarActiveDay {color: #FFFFFF!important;	background-color: #2a52ad !important;}
/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/


.tableheader{
	background-color: #2a52ad;
	color: #ffffff;
}

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

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


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

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

.search_reslut .titles, .search_reslut .titles a, .search_reslut .titles h2{
	color: #ffffff;
	background-color: #2a52ad;
}

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

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

.search_reslut .price {
	color: #000000;
}


.search_reslut .moreinfo {
	color: #3d3d3d;
}

.search_reslut .wrap_item_result {border: #3d3d3d;}

/**/

.button,  #brochure_btn .formtext, .pagination input {
	border-color:#2a52ad;
	color: #ffffff;
	background-color: #2a52ad;
}

.button:hover, .pagination input:hover {color: #E9E9E9;}


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

/*__ FCKeditor colors __*/

.txtcolor1, hr.hr1 {color: #696969;}
.txtcolor2, hr.hr2 {color: #2a52ad;}
.txtcolor3, hr.hr3 {color: #2a52ad;}

.bgcolor1 {background-color: #696969;}
.bgcolor2 {background-color: #2a52ad;}
.bgcolor3 {background-color: #2a52ad;}

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


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

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

}

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


/**/

/*__ 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, #header, #header a, #footer, #footer a {font-size: 11px;}
.txtlarge {font-size: 13px;}
.highlight {font-weight: bold;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	
}

/*_breadcrumbs_*/
#breadcrumbs {}
#breadcrumbs a  {}
#breadcrumbs .icon {}
a#breadcrumstart {}  
span#breadcrumend {} 


/*/////////////////////////////////////////////////////////////////
/////////////       searchEngine form        //////////////////////
/////////////////////////////////////////////////////////////////*/

#searchEngine_content { width:100%; padding-left:0; padding-right:0;}
#searchEngine .text {width:170px; padding-left:4px; padding-right:4px;}
#searchEngine .button {float:right;}

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

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

/*__Popup calendar__*/
#searchEngine .calendar_box, #startdate_ID, #indate_ID{margin-left:-95px;} /*eats up width otherwise*/

#outdate_Previous_ID, #outdate_Next_ID,
#indate_Previous_ID, #indate_Next_ID,
#startdate_Previous_ID, #startdate_Next_ID
 {border:none !important;}


#outdate_Previous_ID, #outdate_Next_ID,
#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID, #indate_Next_ID,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID, #startdate_Next_ID,
#startdate_Previous_ID img, #startdate_Next_ID img { vertical-align: middle;}

#outdate_Previous_ID,
#indate_Previous_ID,
#startdate_Previous_ID {text-align:left;}

#outdate_Next_ID,
#indate_Next_ID,
#startdate_Next_ID {text-align:right;}

#outdate_Previous_ID img,
#indate_Previous_ID img,
#startdate_Previous_ID img {margin-left:3px;}

#outdate_Next_ID img,
#indate_Next_ID img,
#startdate_Next_ID img { margin-right:3px;}

#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID img, #startdate_Next_ID img { cursor:pointer;}



/*////////////////////////////////////////////////////////////////
////////////////////  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, span, p, table, td, caption, form, input, select, label, textarea /*, font, #user_content, .MsoNormal*/  {
	font-family: Helvetica, Arial, sans-serif;
}

body, table, ul.news .title {font-size: 12px;}
body, table {line-height: 1.5;}		


a {outline:none;}
a, a span, .button, .pagination input {cursor:pointer;}
.active, .active a, .active span,  .pagination input.active {cursor:default; font-weight:bold;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
.title a, .title a:hover, .titles a, .titles a:hover, a.button, a.button:hover {text-decoration:none;}

.pagination input.active {background-color:transparent; background-image:none; border:none;}


input { font-size: 1em; line-height:normal; padding: 0.1em 0px;}

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

#footer hr  {
	width: 90%;
	margin: 15px 0px 15px 0px;
}

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

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: 24px;
}

h2 {font-size: 18px;}

h3, h4, h5, h6, .title{
	font-size: 13px;
}

input {}

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

.content_wrap_image img {
max-height: none;
max-width: none;

}

.image img, .content_wrap_image img {vertical-align:bottom;}
.image a {display:block; float:left; clear:both; width:100%;}


.image, .image a, .content_wrap_image, .content_wrap_image a {

position:relative;

}

.imageover {

left:0;

position:absolute;

top:0;

}

.imageover {

height:100%;

width:100%;

}

.imageover div, .imageover span {

height:100%;

width:100%;

}

.imageover, .imageover_tl, .imageover_tr, .imageover_bl, .imageover_br {

clear:both;

display:block;

float:left;

}

.imageover, .imageover:hover {

text-decoration:none;

}


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

.imageover_tl {

background-image:url(../images/imgCrn4px_tl.png);

}

.imageover_tr {

background-image:url(../images/imgCrn4px_tr.png);

}

.imageover_bl {

background-image:url(../images/imgCrn4px_bl.png);

}

.imageover_br {

background-image:url(../images/imgCrn4px_br.png);

}



.imageover_tl, .imageover_tr, .imageover_bl, .imageover_br {

background-repeat:no-repeat;

}

.imageover_tl {

background-position:left top;

}

.imageover_tr {

background-position:right top;

}

.imageover_bl {

background-position:left bottom;

}

.imageover_br {

background-position:right bottom;

}





body {
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: center top;}

.wrapBG1, #container {background-image: url(../images/bg_container.jpg); background-position: center top; background-repeat: repeat-y;}
.wrapBG2, #header {background-image: url(../images/bg_header.jpg); background-position: center top; background-repeat: no-repeat;}
.wrapBG3, #footer {background-image: url(../images/bg_footer.jpg); background-position: center bottom; background-repeat: no-repeat;}


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

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

#headerflash, #headerflash_content {background-position: left top; background-repeat: no-repeat;}


#menu ul li a, #menu ul li a:hover, #menu ul li.active a, #menu ul li.active a:hover {background-color:transparent;}
#menu ul ul a, #menu ul ul .bgmenutop, #menu ul ul .bgmenubot {background-image:none;}

#menu a, #menu .arw, #menu .bgmenutop, #menu .bgmenubot {background-image:url(../images/spriteHorizontal.png);}

#menu .arw, #menu .bgmenutop, #menu .bgmenubot {background-repeat:no-repeat;}

#menu a {background-repeat:repeat-y;}

#menu ul li a .bgmenutop {background-position:left top;}
#menu ul li a {background-position:-180px top;}
#menu ul li a .bgmenubot {background-position:-360px -11px;}

#menu ul li a:hover .bgmenutop {background-position:-540px top;}
#menu ul li a:hover {background-position:-720px top;}
#menu ul li a:hover .bgmenubot {background-position:-900px -11px;}

#menu ul li.active a .bgmenutop, #menu ul li.active a:hover .bgmenutop {background-position:-1080px top;}
#menu ul li.active a, #menu ul li.active a:hover {background-position:-1260px top;}
#menu ul li.active a .bgmenubot, #menu ul li.active a:hover .bgmenubot {background-position:-1440px -11px;}

#menu ul li a .arw {background-position:-1624px -4px;}
#menu ul li a:hover .arw {background-position:-1644px -4px;}
#menu ul li.active a .arw, #menu ul li.active a:hover .arw {background-position:-1664px -4px;}

#menu ul ul li a .arw {background-position:-1686px -7px;}
#menu ul ul li a:hover .arw {background-position:-1706px -7px;}
#menu ul ul li.active a .arw, #menu ul ul li.active a:hover .arw {background-position:-1726px -7px;}
/**/

.button2, .button2 .btn_l, .button2 .btn_r {background-image:url(../images/spriteVertical.jpg);}
.button2 .btn_l, .button2 .btn_r{background-repeat:no-repeat;}
.button2 {background-repeat:repeat-x;}

.button2 .btn_l, .button2:hover .btn_l {background-position:left top;}
.button2, .button2:hover {background-position:  left -47px;}
.button2 .btn_r, .button2:hover .btn_r {background-position: right -94px;}


.button2:active .btn_l {background-position: left -141px;}
.button2:active {background-position: left -188px;}
.button2:active .btn_r {background-position: right -235px;}


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


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

.button, .button:hover,  #brochure_btn .formtext {font-size: 1em;}
.button,  #brochure_btn .formtext {border-width: 1px;}
.button,  #brochure_btn .formtext {border-style: solid;}
.button:active,  #brochure_btn .formtext {border-style: solid;}

.button, input.button,  #brochure_btn .formtext, .pagination input {font-weight: bold;} 
.button, input.button,  #brochure_btn .formtext {
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	display: inline-block;
}

a.button,
#brochure_btn .formtext, #content_page_asp .button {padding:0.2em 0.5em;}

input.button {padding:0.1em 0.25em;}
/**/
.button2 {
	width:auto;
	display: inline-block;
	float:right;
}

.button2, .button2:hover, .button2:active { text-decoration:none;}
.button2 span {display:block; float:left; clear:none;}

.button2, .button2 span { height:47px; line-height: 43px; font-weight:bold; font-size:1.1em; white-space:nowrap;}


.button2 {color:#FFFFFF;}
.button2:hover {color:#c6d3eb;}


.button2 .btn_cnt { padding:0 10px;}

.button2 .btn_l { width:9px}
.button2 .btn_r { width:11px}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////         MAIN WRAPERS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/
html {padding: 0px; margin:0px;}
body {text-align:center;}

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

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

#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-top:15px;
	padding-bottom:35px;
	text-align: center;
}

/*_ Width _*/
#wrap, #container, #header {width:993px;}
#content {width: 582px;}
#leftside, #rightside {width: 180px;}
#leftside {padding-left:5px; padding-right:20px;}
#rightside {padding-left:21px; padding-right:5px;}
#leftside, #content {margin-right:0px;}
#footer {width:982px; padding-left:5px; padding-right:6px;}
#header, #content_content, #leftside_content, #rightside_content, #footer_content {width:100%; padding-left:0; padding-right:0;}

/*Height spacing / margins*/
#headerflash, #menu, #travelize, .boxmodule, .box, .contentBoxes {margin-bottom: 15px;}

.bannerrowwrap .boxmodule, .bannerrowwrap .box {margin-bottom: 0px;}
.bannerrowwrap, .wrap_item_result {padding-bottom:15px;}
.bannerrowwrap {float:left; clear:both; width:100%;}
.bannerrowwrap .marginright {margin-right:21px;}

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

#header {padding:0; height:110px;}

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

#logo img{ display:none;}

#logo, #headerBar {float:left; clear:none;}




#logo a { display:block; float:left; clear:both;}


#logo, #logo a {height:83px;}
#logo, #logo a {width:400px;}
#headerBar {width:587px;}

#headerBar_content {width:100%; padding:7px 0 0 0; float:left; clear:both;}
#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 .menuclosedclass { display:block;}
#menu .open .menuclosedclass,  #menu .menuclosedclass .menuclosedclass { display:none;}*/

#menu, #menu ul, #menu li {float:left;}

#menu ul, #menu li {width:100%;}

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

#menu a, #menu .arw, #menu .bgmenutop, #menu .bgmenubot {overflow:hidden;}

#menu {clear:left;padding:0;width:100%;}

#menu .nolist {clear:both;display:block;width:100%; height:auto;margin:0;padding:0;}

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

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

#menu li.active a {}

#menu ul {border:none;}

#menu ul ul {border:none;}

#menu ul#top {display:block; clear:both; width:100%; margin:0; padding:0;}

#menu ul li {margin:2px 0 0;}

#menu ul#top {margin:-2px 0 0;}

#menu ul ul li {margin:0;}

#menu li.nolist {}

#menu ul.open {padding:5px 0 15px 0;}

#menu ul.open ul.open {padding:0px 0 5px 0;}

#menu ul ul li.active a {font-weight:bold;}

#menu ul ul li a {font-weight:normal;}

#menu ul ul ul li a {font-weight:normal;}

#menu ul li a {font-size:11px;height:auto;line-height:1.2;}

#menu ul ul li a {font-size:11px;height:auto;line-height:1.2;margin-bottom:0px;text-decoration:none;}

#menu ul ul ul li a {font-size:10px;}

#menu ul li a {position:relative;}

#menu ul li a .arw, #menu ul li a .bgmenutop, #menu ul li a .bgmenubot {display:block;position:absolute;text-indent:-999px;}

#menu ul li a .bgmenubot, #menu ul li a .bgmenutop {width:100%;}

#menu ul li a .bgmenubot {bottom:0;left:0;}

#menu ul li a .bgmenutop {left:0;top:0;}

#menu ul li a .arw {height:12px;left:160px;top:14px;width:12px;}

#menu ul ul li a .arw {left:160px;top:9px;width:8px;height:8px;}

#menu ul ul li.active a .arw {left:160px;}

#menu ul ul ul li a .arw {top:4px;}

#menu ul li.toplevel a .arw {display:none !important;}

#menu ul li a .bgmenubot, #menu ul li a .bgmenutop {height:10px;}

#menu ul li a {padding-bottom:12px;padding-top:12px;}

#menu ul ul li a {padding-bottom:5px;padding-top:5px;}

#menu ul ul ul li a {padding-bottom:3px;padding-top:3px;}

#menu ul ul li a .bgmenutop, #menu ul ul li a .bgmenubot {display:none;}

#menu ul ul li {padding-top:0;}

#menu ul ul li a .bgmenutop, #menu ul ul li a .bgmenubot {height:auto;}

#menu ul li a, #menu ul ul li a {padding-left:5%;padding-right:12%;width:83%;}

#menu ul ul ul li a {padding-left:10%;padding-right:12%;width:78%;}

#menu ul ul ul ul li a {padding-left:15%;padding-right:12%;width:73%;}

#menu ul ul ul ul ul li a {padding-left:15%;padding-right:12%;width:73%;}

#menu ul ul ul ul ul ul li a {padding-left:15%;padding-right:12%;width:73%;}



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

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

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;
	padding: 0 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    //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/



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


/*/////////////////  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, .boxmodule div {width:100%;}
.boxmodule { float:left;}
.boxmodule div {float:none; clear:both;}
.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .image, .boxmodule .text, .boxmodule .txt, .boxmodule .link {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:#3d3d3d;}


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

/* 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_content,
.boxmodule.BoxStyle_2 .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 
{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: */
.boxmodule.BoxStyle_1 {}
.boxmodule.BoxStyle_1 .t, .boxmodule.BoxStyle_1 .r, .boxmodule.BoxStyle_1 .b, .boxmodule.BoxStyle_1 .l {
	background-image: url(../images/1pxGrey.gif);
}


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

.boxmodule.BoxStyle_2 .boxmodule_content {width:100%; padding:0px;}
.boxmodule.BoxStyle_2 .image, .boxmodule.BoxStyle_2 .text {width:97%; padding:1%;}

/* BoxStyle_3: */
.boxmodule.BoxStyle_3 {}
.boxmodule.BoxStyle_3 a, .boxmodule.BoxStyle_3 a:hover{ font-weight:bold;}

/*__ 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 .txt {height:46px;}
.boxmodule .bxm_cntThreeCol .withoutImage .text {height:172px;}
.boxmodule .bxm_cntThreeCol .withoutImage .txt {height:152px;}
*/
.bxm_cntThreeCol {width:180px;}
.bxm_cntThreeCol .bxm_cntThreeCol {width:100%;}


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



/*//////////////////////////////////////////////////////////////////
                              STARTPAGE
/////////////////////////////////////////////////////////////////*/
#contentWrap, #headerflash, #headerflash div {float:left; clear:none;}
#headerflash, #headerflash div, #headerflash .imageover, #headerflash .imageover div  {width:783px; height:200px; overflow:hidden;}
#contentWrap {width:788px;}



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



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


/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/
.pageheader .rating { display:block; padding-top:5px;}
#imageComponent .imageslider {/*display:none;*/}
#hotel .tabsmeu .morepics {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,
.tourlist1 .col5  {text-align: right;}

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

.tourlist .tableheader td, .tourlist .tableheader td span {vertical-align:middle;}
.tourlist td span { padding-left:5px; padding-right:5px;}

/*
.tourlist .row span { padding-left:1px; padding-right:1px;}
.tourlist .col1 span {padding-left:5px;}
.tourlist1 .col4 span, .tourlist2 .col3 span {padding-right:5px;}
*/

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


/*__ viewbook __*/
.viewbook #viewbookTravelizeLogo { display:none;}

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

/*__ NO SIDES __ (body class="no_sides")  */


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

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

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


.box, #leftside .box, #rightside .box {width:178px;}


.box .title {width: 100%; padding-left:0; padding-right:0;}
.box .image {width: 98%;}
.box .text {width: 94%;}
.box .text_content {width: 100%; padding-left:0; padding-right:0;}

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

.box .image {/*height: 110px;*/}
.box .text, .box .text_content {margin-top:0px;	margin-bottom:0px;}
.box .text { padding-top:5px; padding-bottom:7px;}

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

.startbanners {width:180px; padding-left:0; padding-right:0; border:none;}

.startbanners .image, .startbanners .image a, 
.startbanners .title, .startbanners .title_content, 
.startbanners .text, .startbanners .text_content {width:100%; padding-left:0; padding-right:0;}

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

.startbanners .title, 
.startbanners .title a, 
.startbanners .title h1, 
.startbanners .title h2, 
.startbanners .title h3, 
.startbanners .title h4, 
.startbanners .title h5, 
.startbanners .title h6 {background-color:transparent; background-image:none; color:#1c1c1c;}

.startbanners .title {padding-top:0; padding-bottom:0;}
.startbanners .title_content {padding-top:5px; padding-bottom:0;}

.startbanners .text {
height: auto;
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
}


/*/////////////////////////////////////////////////////////////////
/////////////       ContentBoxes        ///////////////////////////
/////////////////////////////////////////////////////////////////*/
.contentBoxes, .contentBoxes div {float:left;}
.contentBoxes, .contentBoxes_row, .contentBoxes .title  {clear:both;}
.contentBoxes .image, .contentBoxes .text {clear:none;}
.contentBoxes_row {width:100%;}

.contentBoxes .image {overflow:hidden;}

.contentBoxes {width:570px; border:solid 1px #A02034; padding:5px;}
.contentBoxes_row1 { padding:0 0 5px 0;}
.contentBoxes .title, .contentBoxes .title a, .contentBoxes .title a:hover {text-align:left; text-decoration:none; line-height:1.1;}

.contentBoxes .image {height:100px;}
/*.contentBoxes img {max-height:105px;}*/

.contentBoxes .image {width:180px; padding-left:0; padding-right:0; margin:0;}
.contentBoxes .text { width:385px; padding-left:5px; padding-right:0; margin:0;}
.contentBoxes .text_content {width:100%; padding-left:0; padding-right:0;}

.contentBoxes .text p {padding:0px; margin:0;}


/*////////////////////////////////////////////////////////////////////////////
/////////////       Map (google-map & mapIframe)   ///////////////////////////
////////////////////////////////////////////////////////////////////////////*/
.mapIframeBox{}

.googleMapPage, .mapIframe {float:left; clear:both; width:100%; padding-left:0; padding-right:0; border:none;}
.googleMapPage .col {float:left; clear:none;}
.googleMapPage .col2 { float:right;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
////////  ALC SEARCHENGINE (/clientfiles/components/AALCsearchEngine.asp) ///////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////*/
#ALCsearchEngine {width:178px; padding-left:0; padding-right:0; float:left; clear:both;}

.search_reslut .hrline { display:none;} /*if .titles has a bgcolor*/


/*CSS3*/
.box {
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius: 1px;

}

.box, .button, .pagination input {
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius: 2px;

}

.button, .pagination input {
box-shadow: 1px 0px 4px #f2f2f2;
-moz-box-shadow: 1px 0px 4px #f2f2f2;
-webkit-box-shadow: 1px 0px 4px #f2f2f2;}


h1, h2, h3, h4, h5, h6, .title,  .title a {
font-smooth: always;
-moz-font-smooth: always;
-webkit-font-smooth: always;
}