/****************************************************************
****   Thailand Places TPC   ************************************
*****************************************************************/


/*////////////////////////////////////////////////////////////////
////////////////////  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: #821887; color:#3d3d3d;}

#container_content {background-color: #ffffff;}
#header {}
a {color:#821887;}
a:hover {}
h1, h2, h3, h4, h5, h6 {color: #1c1c1c;}
.title, #startpageForm .formItemTitle  {color: #1c1c1c;}
hr {color:#fcc1df; background-color:#fcc1df;}
/**/

.image, .content_wrap_image {
	background-color: #EFEAE7;
}
/**/

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

/**/
#flags {}

/**/
.tabsmenu, .tabsmenu a, .tabsmenu a:hover {color: #821887;}
.tabsmenu a.active {color: #3d3d3d; font-weight:bold;}
.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#821887;
}

/**/





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

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


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

#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 .title,
.box .title a,
.box .title h1,
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6 {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_2 .title,

.boxmodule.BoxStyle_3 .text,
.boxmodule.BoxStyle_3 .title,
.boxmodule.BoxStyle_3 .image  {background-color:#cd82bd;}


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

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

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






/*__popup calendar title color__*/
#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#dEarlydate_ID table tbody tr:first-child td,
#indate_ID table tbody tr:first-child td {background-color:#cd82bd; color:#ffffff;}
.calendarDateInput {color:#3d3d3d;}

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


/*#indate_ID { display:block !important; visibility:visible !important;}*/
#indate_Previous_ID, #indate_Next_ID {border:none !important;}
#indate_Previous_ID, #indate_Next_ID,
#indate_Previous_ID img, #indate_Next_ID img { vertical-align:middle;}

#indate_Previous_ID {text-align:left;}
#indate_Next_ID {text-align:right;}
#indate_Previous_ID img {margin-left:3px;}
#indate_Next_ID img { margin-right:3px;}

#indate_Previous_ID img, #indate_Next_ID img { cursor:pointer;}
#indate_Previous_ID img:hover, #indate_Next_ID img:hover {margin-top:1px;}


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

/**/


.tableheader{background-color: #cd82bd;
	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:#821887;}
/**/



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

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

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

.search_reslut .moreinfo .titles {
	color: #ffffff;
	background-color: #cd82bd;
}



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


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


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

/**/




.button,  #brochure_btn .formtext {
	/*border-color:#821887;*/
	color: #ffffff;
	background-color: #821887;
}

.button:hover {color: #E9E9E9;}
/*
.c_submit input{color: #3d3d3d;}
.c_submit input:hover{color: #000000;}
*/


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

/*__ FCKeditor colors __*/

.txtcolor1, hr.hr1 {color: #f6bfde;}
.txtcolor2, hr.hr2 {color: #cd82bd;}
.txtcolor3, hr.hr3 {color: #821887;}

.bgcolor1 {background-color: #f6bfde;}
.bgcolor2 {background-color: #cd82bd;}
.bgcolor3 {background-color: #821887;}

.preamble {color:#1E1E1E;}
.highlight {}


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

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

}

table.tablestyle3 tr {
color:#3d3d3d;
background-color: #f6bfde; 
}


/**/



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

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

/*__Popup calendar title__*/

/*#outdate_ID, #indate_ID, #startdate_ID { display:block !important; visibility:visible !important;}*/

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



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




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


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%;
	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: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 {background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment:fixed;}
	
	
#header {background-image: url(../images/bgheader.jpg);
	background-repeat: repeat-x;
	background-position: left 55px;}



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

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



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


#logo {}


#header .image {background: transparent;}

#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-width: 1px; border-style: solid;}
.button,  #brochure_btn .formtext {
	font-weight: bold;
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	padding:0.25em 0.25em;
	.padding:0 0.4em;
}





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



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


body {text-align:center;}


.image img {vertical-align:bottom;}

.box img {/*width:auto; height:auto; max-width:100%; max-height:100%;*/}

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

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


#container_header, #container_footer { height:15px;}


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


#container,
#container_content,
#container_header,
#container_middle,
#container_footer,
#header,
#leftside_content, 
#rightside_content,
#content_content,
#footer {clear:both;}


#leftside {clear:left;}


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

/*_ Width _*/








/*_ Width _*/
#wrap, 
#container,
#container_content, 
#container_header,
#container_middle,
#container_footer, 
#header {width: 993px;}

#header { width:100%;}

#content {width: 582px;}
#leftside, #content {margin-right: 15px;}


#leftside {padding-left:10px;}
#leftside, #leftside_content {width: 170px;}

#rightside {width: 191px;}
#rightside_content {width:181px;}

#footer {width:953px; padding:15px 20px;}
#footer_content { width:100%; padding-left:0; padding-right:0;}
#leftside { display:block;}
/*.startpage #leftside {display:none;}
.startpage #leftside, .startpage #content {margin-right: 0px;}
.startpage #content {width: 652px; padding-left:20px; padding-right: 20px; }
.startpage #rightside{width: 291px;}
.startpage #rightside_content{width: 281px;}
.startpage #content_content { width:100%;}
*/

/*Height spacing / margins*/
#header, #content, #flashcontent, #menu, #travelize, #ds_area_wrap, 
.bannerrowwrap /*.boxmodule*/,
.box {margin-bottom: 15px;}

#container { padding:5px 0 15px 0;}
#container_middle {padding:0;}
#header { /*padding-top:15px; height:100px;*/}

#container_footer {}

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

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

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

#logo, #header .image {}
#logo {width:23%; height: auto;}
#headerBar {width:77%;}

#header .image {} /*993-289=704*/
#logo { height:73px;}

/***/



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


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

#topmenu, #topmenu a {line-height:1.5; font-weight:bold;}

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

#topmenu, #topmenu_content {width:auto; text-align:right;}


#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%;
	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: 1px;
	border-bottom-style: solid;
}


#menu ul ul, #leftside .menualt2 ul ul ul {border: none;}



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



#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: 5px 5px 5px 5px;
	font-size: 10px;
	line-height: 1.4;
	height: auto;

}



#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	text-decoration:none;
	font-size: 9px;
	line-height: 1.4;
	height: auto;
	padding: 4px 0 4px 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  __*/


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

} 



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

}

#startpageSearchEngineFormIframe #indate_ID { top:45px; left:5px;}




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


#flashcontent {
	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"
*/
.bannerrowwrap { float:left; clear:both; width:100%;}
.boxmodule .image {background:transparent;}

.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:#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 { display:none;}


/*__ 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-left:2%; padding-right:2%;}


.boxmodule.BoxStyle_1 .text_content,
.boxmodule.BoxStyle_2 .text_content,
.boxmodule.BoxStyle_3 .text_content {padding-bottom:10px;}





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



/*__  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 /*.boxmodule.bxm_cntThreeCol*/{width:184px;}
.bxm_cntThreeCol .bxm_cntThreeCol  { width:100%;}


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


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



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

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



/*__searchEngineTabs (main menu)__*/

#searchEngineTabs, #searchEngineTabs div {float:left;}

#searchEngineTabs, #searchEngineTabs_l, #searchEngineTabs_r {clear:both;}

#searchEngineTabs,
#searchEngineTabs_l,
#searchEngineTabs_r  { width:100%; padding-left:0px; padding-right:0px;}

#searchEngineTabs_content { width:94%; padding-left:3%; padding-right:3%; float:left; clear:both;}



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

#searchEngineTabs .searchtab, #searchEngineTabs .searchtab div
{
display:block;
float: left;
cursor:pointer;
white-space:nowrap;
}

#searchEngineTabs .searchtab div { width: auto;}



#searchEngineTabs, #searchEngineTabs .searchtab, #searchEngineTabs .searchtab:hover {

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

}

#searchEngineTabs .searchtab_active{cursor: text;}

#searchEngineTabs .searchtab h2 { display:inline;}

#searchEngineTabs .searchtab, #searchEngineTabs .searchtab h2 {
line-height: 34px; margin-top:0px; margin-bottom:0px;}


#searchEngineTabs .searchtab {
width:auto;
}


#searchEngineTabs .searchtab {

text-align: center;

vertical-align: middle;

}







#searchEngineTabs {

background-repeat: repeat;

}

#searchEngineTabs_l, #searchEngineTabs_r,#searchEngineTabs .searchtab_l, #searchEngineTabs .searchtab_r {

background-repeat: no-repeat;

}
#searchEngineTabs,
#searchEngineTabs .searchtab {
background-repeat: repeat-x;
}



#searchEngineTabs_l {background-position: left -50px;}
#searchEngineTabs_r {background-position: 100% -100px;}



#searchEngineTabs, #searchEngineTabs .searchtab {background-position: left top;}

#searchEngineTabs .searchtab {background-position: left -450px;}
#searchEngineTabs .searchtab:hover {background-position: left -300px;}
#searchEngineTabs .searchtab_active, #searchEngineTabs .searchtab_active:hover {background-position: left -150px;}






#searchEngineTabs .searchtab .searchtab_l {background-position: left -500px;}
#searchEngineTabs .searchtab:hover .searchtab_l {background-position: left -350px;}
#searchEngineTabs .searchtab_active .searchtab_l, #searchEngineTabs .searchtab_active:hover .searchtab_l {background-position: left -200px;}



#searchEngineTabs .searchtab .searchtab_r {background-position: right -550px;}
#searchEngineTabs .searchtab:hover .searchtab_r {background-position: right -400px;}
#searchEngineTabs .searchtab_active .searchtab_r, #searchEngineTabs .searchtab_active:hover .searchtab_r {background-position: right -250px;}


#searchEngineTabs .searchtab .searchtab_l, #searchEngineTabs .searchtab .searchtab_r { width:17px;}
#searchEngineTabs .searchtab .searchtab_cnt { padding-left:25px; padding-right:25px;}


#searchEngineTabs, #searchEngineTabs_l,#searchEngineTabs_r, #searchEngineTabs .searchtab, #searchEngineTabs .searchtab div {height: 50px;}/*'MUST be last in searchEngineTabs*/
#searchEngineTabs .searchtab { margin-right:5px;}

/*__ Startpage search engine WRAP __*/

#startpageSearchEngine {text-align:center; margin-bottom:15px;}



#startpageSearchEngine, #startpageSearchEngine div {float:left; }

#startpageSearchEngine,
#startpageSearchEngine .tl,
#startpageSearchEngine .tr,
#startpageSearchEngine .br,
#startpageSearchEngine .bl,
#startpageSearchEngine .t,
#startpageSearchEngine .r,
#startpageSearchEngine .b,
#startpageSearchEngine .l
{ width:100%;}


#startpageSearchEngine .text { width:96%; padding:0px 2% 10px 2%;}
#startpageSearchEngine .text_content,
#startpageSearchEngine .title,
#startpageSearchEngine .title_content {width:100%;}
#startpageSearchEngine .searchtab {width:auto;} 



#startpageSearchEngine {margin-left:auto; margin-right:auto; }


/*__ Box version1 __*/

/*

#searchEngineTabs, #searchEngineTabs .searchtab, #searchEngineTabs .searchtab:hover, .searchtab h2 {color: #ffffff;}

#searchEngineTabs .searchtab:hover, #searchEngineTabs .searchtab:hover, .searchtab:hover h2,
#searchEngineTabs .searchtab_active, #searchEngineTabs .searchtab_active, .searchtab_active h2 {color: #3d3d3d;}



#searchEngineTabs,
#searchEngineTabs .searchtab_l,
#searchEngineTabs .searchtab,
#searchEngineTabs .searchtab_r,
#searchEngineTabs_l,
#searchEngineTabs_r {

background-image: url(../images/startpagesearchenginetabs.jpg);
}


#startpageSearchEngine .br { background-image:url(/clientfiles/images/box1_br.jpg);}
#startpageSearchEngine .bl { background-image:url(/clientfiles/images/box1_bl.jpg);}

#startpageSearchEngine .r,
#startpageSearchEngine .b,
#startpageSearchEngine .l {background-image:url(/clientfiles/images/box1_trbl.jpg);}

#startpageSearchEngine .bl {}
*/


/*__ Box version2__*/


#searchEngineTabs, #searchEngineTabs .searchtab, #searchEngineTabs .searchtab:hover, .searchtab h2 {
	color: #821887;
}

#searchEngineTabs .searchtab:hover, #searchEngineTabs .searchtab:hover, .searchtab:hover h2,
#searchEngineTabs .searchtab_active, #searchEngineTabs .searchtab_active, .searchtab_active h2 {color: #821887;}


#searchEngineTabs,
#searchEngineTabs .searchtab_l,
#searchEngineTabs .searchtab,
#searchEngineTabs .searchtab_r,
#searchEngineTabs_l,
#searchEngineTabs_r {

background-image: url(../images/box2_startpagesearchenginetabs.jpg);

}

#startpageSearchEngine .br { background-image:url(/clientfiles/images/box2_br.jpg);}
#startpageSearchEngine .bl { background-image:url(/clientfiles/images/box2_bl.jpg);}
#startpageSearchEngine .b, #startpageForm {background-image:url(/clientfiles/images/box2_b.jpg)}

#startpageForm { background-position:left 26px; background-repeat:repeat-x; height:270px; /*270=iframeheight*/}


#startpageSearchEngine .r,
#startpageSearchEngine .l {background-image:url(/clientfiles/images/box2_trbl.jpg);}

#startpageSearchEngine .bl {}


#startpageSearchEngineFormIframe { background-image:none;}
#startpageSearchEngineFormIframe, #startpageSearchEngine .t {background-color:#ffffff; color:#3d3d3d;}
#startpageForm .formItemTitle, #startpageForm .formItemTitle a {color:#3d3d3d;}

/*__ Startpage search engine FORM __*/

#startpageForm, #startpageForm div { float:left;}
#startpageForm .formItem { clear:both;}

#startpageForm {width:100%;}
#startpageForm .startpageFormCol { width:49%;}


#startpageFormCol1 .formItem {margin-bottom:17px;}
#startpageFormCol2 .formItem {margin-bottom:13px;}

#startpageForm .formItemRadioButtons {margin-bottom:1px;}


#startpageForm .formItemTitle,
#startpageForm .formItemChoice { clear:both;}

#startpageForm .formItemRadioButtons .formItemTitle {clear: none;} 
#startpageForm  .formItemRadioButtons .formItemChoice {clear:left;}

#startpageForm {font-size:12px;}
#startpageForm input, #startpageForm select {font-size:10px;}


#startpageForm .formItemTitle { font-weight:bold; margin-bottom:3px; font-size:12px;}
#startpageForm .formItemRadioButtons .formItemTitle {margin-bottom:0px;}


#startpageForm .button{padding:0.3em 0.55em; font-size:1.2em; float:right; margin-right:2px;}


#indate_Month_ID, #indate_Day_ID, #indate_Year_ID { margin-right:3px;}



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



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



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

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


/*//////////////////////////////////////////////////////////////////
                             Search reults(OTHER PAGES)
/////////////////////////////////////////////////////////////////*/


#PeriodsResultsWrap { float:left; clear:both; width:100%;}


#PeriodsResultsWrap .searchresultlistings { margin-bottom:15px;}
#PeriodsResultsWrap .col1 {width:23%; padding-right:2%;}
#PeriodsResultsWrap .col2 {width:23%; padding-right:2%;}
#PeriodsResultsWrap .col3 {width:23%; padding-right:2%;}
#PeriodsResultsWrap .col4 {width:25%; padding-right:0; text-align:right;}


#PeriodsResultsWrap .mainTitles { margin-bottom:5px;}

#PeriodsResultsWrap .mainTitles, #PeriodsResultsWrap .mainTitles a, #PeriodsResultsWrap .mainTitles a:hover { text-decoration:none; font-size:13px;}
#PeriodsResultsWrap .titles, #PeriodsResultsWrap .titles a, #PeriodsResultsWrap .titles a:hover { text-decoration:none; font-size:1em;}


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

*/

.no_sides #leftside, .no_sides #rightside{display:none;}

.no_sides #content
/*,.startpage .no_rightside #content*/ {width: 953px; padding-left:20px; padding-right:20px;  margin-left:0; margin-right:0;}

.no_sides #destination .user_content,
.no_sides #hotel .imageComponent,
.no_sides #hotel .user_content
/*,.startpage .no_rightside #destination .user_content, 
.startpage .no_rightside #hotel .imageComponent,
.startpage .no_rightside #hotel .user_content
*/
{width: 751px;}


.no_sides #hotel #slider
/*,.startpage .no_rightside #hotel #slider*/ {width: 681px;}



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


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

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

.no_rightside #hotel #slider {width: 496px;}



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

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

.box, .box2 {
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;	
}
.box { border-color:#821887; border-style:solid; border-width:1px;}
.box2 { border:none;}
#leftside .box {width:168px;}
#rightside .box {width:179px;}


.box2,
.box2 .t,
.box2 .r,
.box2 .b,
.box2 .l,
.box2 .tr,
.box2 .tl,
.box2 .br,
.box2 .bl {width:100%;}


.box2 .tl { background-image:url(/clientfiles/images/box1_tl.jpg);}
.box2 .tr { background-image:url(/clientfiles/images/box1_tr.jpg);}
.box2 .t {background-image:url(/clientfiles/images/box1_trbl.jpg);}

.box2 .br { background-image:url(/clientfiles/images/box1_br.jpg);}
.box2 .bl { background-image:url(/clientfiles/images/box1_bl.jpg);}

.box2 .r,
.box2 .b,
.box2 .l {background-image:url(/clientfiles/images/box1_trbl.jpg);}

.box2 .bl { padding-top:4px;  padding-bottom:8px;}

.box .title, .box .image {width: 96%;}
.box .text {width: 94%;}





.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:13px;
text-decoration:none;
}

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

.box .image {/*height: 107px;*/}

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

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


.startbanners {width: 32%;}
.startbanners .marginright {width: 2%;}


#leftside .startbanners, #rightside .startbanners {width: 100%;}
#leftside .startbanners .marginright, #rightside .startbanners .marginright {width: 0;}


.startbanners .text,.startbanners .image img, .startbanners .image  { height:auto;}

/**/

#searchPropertyIdBox select,
#pdfDownloadBox select { width:100%;}

#pdfDownloadBox label { padding-bottom:5px;}



/*Atribute menu*/

#atr{width: 180px;}

.atrbox_niv1 {width: 178px; border: 1px solid #821887;}
.atrbox_niv2 {width: 178px; border: 1px solid #821887;}
.atr_content {width: 176px; padding:0 0 0 1px;}


.atr_item {	width: 100%;}
.atr_item_q {width: 60%;}
.atr_item_a {width: 40%;}


.atrbox_niv1_title{
	width: 98%;
	padding-left: 1%;
}



.atr_item_q, .atr_item_a {word-wrap: break-word;}

#wrap #atr {font-size: 9px;}

#atr{
	float: left;
	clear: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}


#atr h1, #atr h2, #atr h3{
	margin: 0px;
	padding: 0px;
	display: block;
}

.atrbox_niv1 {
	color: #FFFFFF;
	display: block;
	clear: left;
	float: left;
	margin-top: 2px;
	background-color: #821887;
	margin-right: auto;
	margin-left: auto;
	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;

}


.atrbox_niv2 {
	clear: left;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	background-color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

}




.atr_content{
	padding-top: 10px;
	padding-bottom: 5px;

	float: none;
	clear: none;

	margin-right: auto;
	margin-left: auto;
}




.atr_item{
	clear: left;
	float: left;
	padding-bottom: 10px;
}


.atr_item_q{
	float: left;
	overflow: hidden;
	font-weight:bold;
}




.atr_item_a{
	float: left;
	overflow: hidden;
	text-align: right;
	font-weight: normal;
}