/*Temareiser Fredrikstad.: Deviates from Standard (Container padding left & right 2*15px=30px)*/

/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT COLORS ///////////////////////////////
////////////////////////////////////////////////////////////////*/

#iframe_body, #iframe,
select, textarea, 
#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 {color:#333333; background-color:#faeee3;}
#container {background-color:#ffffff;}
a {color:#0072af;}
a:hover {
	color:#005B8C;
}

h1, h2, h3, h4, h5, h6{color: #6b380d;}
.title {color: #6b380d;}
/**/

/** {border: #999999;} */
.image {background-color: #fedec1;}


/**/

.txtcolor1, hr.hr1 {color: #6b380d;}
.txtcolor2, hr.hr2 {color: #0072af;}
.txtcolor3, hr.hr3 {color: #0f0d14;}

.bgcolor1 {background-color: #6b380d;}
.bgcolor2 {background-color: #0072af;}
.bgcolor3 {background-color: #0f0d14;}

/**/

#menu a {color: #333333;}
#menu a:hover {color: #999999;}

#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: #d37513;
	background-color: transparent;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a   {
	color: #6b380d;
	background-color: transparent;
}

#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover   {
	color: #402109;
	background-color: transparent;
}


#menu ul li a, #leftside .menualt2 ul ul li a  {
 color: #FFFFFF;
 background-color: #6c390e;
}


#menu ul li a:hover, #leftside .menualt2 ul ul li a:hover  {color: #c4b09f;}

#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: #402109;
}

/**/
/*
.ds_tabs_wrap{
	color: #FFFFFF;
	background-color: #999999;
}

.active_ds_tab{
	background-color: #FFFFFF;
	color: #999999;
}

.ds_niv1
 {
	background-color: #999999;
	color: #FFFFFF;
}

#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID{background-color: #999999;
	color: #FFFFFF;}
*/

/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/

/**/


.tableheader td{
	background-color: #ffdab2;
	color: #333333;
}

.row_odd td    {
	background-color: #FFFFFF;
}

.row_even td    {
	background-color: #fef9f5;
}

	
/**/
.ordersteg_bgcolor1 {
	background-color:#fef9f5;
}/* &bgc2& */


.startbanners,
.box,
.row_odd td,
.row_even td,
.childageinfobox,
.ds_inrbox,
.ds_niv2,
.atribute dl dt,
.atribute dl dd { border-color:#fedec1;}

/*/////////////////////////////////////*/

/*__ FCKeditor styles __*/

img.rightimage, .rightimage img{float: right;
	margin-bottom: 2px;
	margin-left: 5px;}
	
img.leftimage, .leftimage img{float: left;
	margin-bottom: 2px;
	margin-right: 5px;}
		
.txtsmall {font-size: 9px;}
.txtlarge {font-size: 13px;}
.highlight {font-weight: bold;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	color:#383838;
}
/**/

table.tablestyle1 tr {
	background-color: #6b380d;
	color:#FFFFFF;
}

table.tablestyle2 tr {
background-color: #fef9f5;
}

table.tablestyle3 tr {
background-color: #d7d7d7; 
}




/*////////////////////////////////////////////////////////////////
////////////////////  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;}
*/

/*/////////////////////*/



html{
	height: 100%;
	margin-bottom: 0.1px;
	padding: 0px;
	width: 100%;}

	
/*__ CM overide __*/
#content u {text-decoration: none;}

#content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#content li {
	padding: 0px;
	margin: 0px;
}


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;

}
body, table {line-height: 1.4; font-size: 10px;}	

body {
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	text-align:center;
}

.image img { vertical-align:bottom;}


a {text-decoration:none;}
a:hover {text-decoration:underline;}



p {
	padding: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}


h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height: 1.4;
	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 {} 



/*////////////////////////////////////////////////////
//////////////  ICONS & BUTTONS //////////////////////
///////////////////////////////////////////////////*/


/*__BUTTONS__*/

.button,  #brochure_btn .formtext {
	border-color:#6c390e;
	color: #ffffff;
	background-color: #6c390e;
	border-width: 1px;
}

.button:hover {color: #E9E9E9;}

.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;}


.button,  #brochure_btn .formtext {overflow:auto;}

.button, .button:hover,  #brochure_btn .formtext {font-size: 1em;}
.button,  #brochure_btn .formtext {border-style: outset;}
.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;
}

/*_News box & searchsite box_*/

#rightside .box.newsletter .text {
	margin-top:5px;
	margin-bottom:5px;
}
#rightside .box.newsletter input { float:left; clear:none; display:block;}
#rightside .box.newsletter input.button {float:right;}

.searchsite input, .newsletter input { width:80%;}
.searchsite input.button, .newsletter input.button { width:auto;}



/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT LAYOUT   ////////////////////////////
/////////////////////// id & class  /////////////////////////////
////////////////////////////////////////////////////////////////*/


#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;} 


#wrap {width: 993px;}

#container {width:963px; .width:993px; padding-left:15px; padding-right:15px;}
#header, #footer {width:100%;}


#container{	float: left;}

	
#header, #leftside, #content, #footer   {overflow: hidden;}




#header {
	height: 297px;
	clear: left;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
} 


#leftside, #content {margin-right: 15px;}

#leftside {
	width: 170px;
	padding: 0px;
	float: left;
	margin-top: 20px;
}


#content{
	float: left;
	margin-top: 20px;
}

#rightside {
	width: 181px;
	right: 0px;
	float: left;
	margin-top: 20px;
}

#footer {
	padding: 30px 0 20px 0;
	margin:0px;
	text-align: center;
	clear: both;
	float: left;	
}


#logo, #logo a {display:block; width: 243px; height: 72px;}
#logo a, #logo a:hover {text-decoration:none;}

#logo {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: left;
	border-width: 0px;
	border-style: solid;
	background-image: url(../images/temareiser_header_01.jpg);

}
#headerleftpart {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: left;
	border-width: 0px;
	border-style: solid;
	background-image: url(../images/temareiser_header_02.jpg);
	
	/*width: 725px;*/
	
	width: 720px;
	height: 72px;
}
#logo img{
	margin-left: 0px;
	margin-top: 0px;
}


#topmenu {
	float: right;
	margin-bottom: 30px;
	margin-right: 12px;
	
}
#searchsite {
	float: right;
	clear: right;
}

#topBanner {
	height: 227px;
	width: 973px;
	
}

#headerleftpart{ position:relative;}

#navigation {
	width:100%;
text-align:right;
position:absolute; left:0px; top:45px;
	/*float: right;
	width: 910px;
	.width: 930px;
	padding: 10px;
	position:absolute; left:170px; top:45px;*/ 
	overflow: hidden; 
	padding-top:10px;
	margin: 0 0 20px 0px;

	
}
#navigation a{
	color: #db7719;
	font-size: 10px;
	font-weight: bolder;
	padding: 0 10px 0 10px;
	border-right: 1px;
	border-right-color: #db7719;
	border-right-style: solid;
	text-decoration: none;
	
}
#topbannerSubj {
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	
}
#topbannerActSubj {
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	
}
#topbannerActSubj p {
	text-align:center;
	color:#ffffff;
	font-size:10px;
	font-weight:none;
	margin:0px;
	
}
#topbannertext2  {
	
	color:#ffffff;
	font-size:10px;
	font-weight:none;
	margin-top:5px;
	padding:10px;
	width:213px;
	
}
#tourPrice {
	text-align:center;
	color:#976d45;
	font-size:13px;
	font-weight:bold;
	
}

#content, #content_content {}



#content_content     {
	clear: both;
	float: left;
}



/*//////////////////////////////////////////////////////////////////
/////////////       BOX (before boxmodule)        /////////////////
////////////        Component: getBanners.asp     /////////////////
/////////////////////////////////////////////////////////////////*/

.box, .box .title, .box .image, .box .text {overflow:hidden;}

.box {
	margin-bottom: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;	
}
.box {border-width: 1px; border-style: solid;}
#leftside .box {width:168px;}
#rightside .box {width:179px;}


.box .title, .box .image {width: 98%;}
.box .text {width: 94%;}
#leftside .box .title, #rightside .box .title {width: 100%;}

#leftside .box .title, #rightside .box .title {
	background-color:#fedec1;

}

#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 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:#6c390e;}

#leftside .box .text .title, #rightside .box .text .title {background:transparent;}

.box .title,
.box .title a,
.box .title h1,
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6,
#leftside .box .text .title,
#leftside .box .text .title a,
#leftside .box .text .title h1,
#leftside .box .text .title h2,
#leftside .box .text .title h3,
#leftside .box .text .title h4,
#leftside .box .text .title h5,
#leftside .box .text .title h6,
#rightside .box .text .title,
#rightside .box .text .title a,
#rightside .box .text .title h1,
#rightside .box .text .title h2,
#rightside .box .text .title h3,
#rightside .box .text .title h4,
#rightside .box .text .title h5,
#rightside .box .text .title h6  {color: #6b380d;}

.box .title,
.box .title h1,
.box .title a,  
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6{
font-size:1em;
text-decoration:none;
padding:0px;
margin:0px;
line-height:1.4;
}

.box .title {margin-bottom: 0px;}
.box .title_content {padding:1px 0 1px 0;}
.box .text_content {padding-bottom:2px;}

.box .image img {height: 107px; width:auto;}



#leftside .box, #rightside .box { float:left; clear:both; padding-top: 0px;}


.startbanners .title,
.startbanners .title h1,
.startbanners .title a,  
.startbanners .title h2, 
.startbanners .title h3,
.startbanners .title h4,
.startbanners .title h5,
.startbanners .title h6 { font-size:11px;}


/*other boxes*/
/*
.box_1 {
	margin:7px 7px 0 0;
	padding:2px 2px 2px 2px;
	float:left;
	width:180px;
	height:240px;
	border-width: 1px;
	border-style: solid;
	border-color:#fedec1;
	background-color:#fef9f5;	
}
*/
.box_2 {
	margin:2px 0px 0 0;
	padding:4px 0px 4px 0px;
	float:left;
	width:180px;
	height:65px;
	border-width: 1px;
	border-style: solid;
	border-color:#fedec1;
	background-color:#fef9f5;	
}
#box_3 {
	margin:10px 50px 0 0;
	padding:5px 5px 5px 5px;
	float:left;
	width:582px;
	height:200px;
	border-width: 1px;
	border-style: solid;
	border-color:#fedec1;
	background-color:#fef9f5;	
	
}


iframe.tourlist1_vertical {}

body.tourlist1_vertical {}


table.tourlist1_verticaltbl{
	margin:10px 0px 10px 0;
	width: 178px; /*FF: =180-(1x2)*/
	.width:100%;
	border-width: 1px;
	border-style: solid;
	border-color:#fedec1;
	background-color:#fef9f5;
}

table.tourlist1_verticaltbl a:hover { text-decoration:none;}

table.tourlist1_verticaltbl .button {float:left;}


table.tourlist1_verticaltbl td { padding:2px 2px 5px 2px;  vertical-align:top; white-space:normal;}



table.tourlist1_verticaltbl .col1 {font-weight:bold;}

table.tourlist1_verticaltbl .row5 td {text-align:right; padding:10px 5px 5px 5px;}




#flashcontent {
	margin-bottom: 15px;
	width: 580px;
	clear: both;
	float: left;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
}


#leftside_content{
	margin: 0px;
	padding: 0px;
}



#travelize {
	clear: both;
	float: left;
}


/*////////////////////////////////////
//////////   STARTPAGE   /////////////
////////////////////////////////////*/

#startpage_text {
	clear: both;
	float: left;
}


.startbanners .text {
	height: auto;
}

.startbanners .image img { width:100%;}


.startbanners { height:200px; overflow:hidden;}


#quicksearchresults, #quicksearchresults ul, #quicksearchresults li { list-style:none; padding:0; margin:0;}
/*__ MENU (main menu) __*/

#menu {
	float:left;
	clear:both;

	font-size:11px;
	clear: left;
	float: left;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	
	border-style: solid;
	border-color:#6c390e;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 0px;


	/*background-color:#6c390e;*/
}


#menu {	width:168px; border-width: 1px; padding-left:0; padding-right:0; margin-left:0; margin-right:0;}
#menu ul, #menu li {width:168px;}

#menu a {
	display: block;
	text-decoration: none;
	overflow:hidden;

}

#menu a:hover {
	text-decoration: none;

}
#menu li.active a  {}




#menu ul li a, #leftside .menualt2 ul ul li a{
	font-size: 11px;
	margin-bottom:1px;

/*	border-top-style:solid;
	border-top-width: 1px;
	border-top-color:#ffffff;
*/
}



#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	text-decoration:none;
	font-size: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {padding-left: 9px; width:159px;}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {padding-left: 18px; width:150px;}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {padding-left: 27px; width:141px;}
*/

#menu ul li a, #leftside .menualt2 ul ul li a,
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {padding-left:4%; width:92%; padding-right:4%;}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {padding-left:8%; width:88%; padding-right:4%;}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {padding-left:12%; width:84%; padding-right:4%;}
#menu ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul li a {padding-left:16%; width:80%; padding-right:4%;}
#menu ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul li a {padding-left:20%; width:76%; padding-right:4%;}
#menu ul ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul ul li a {padding-left:24%; width:72%; padding-right:4%;}




/*__ DYNAMIC MENU  __*/

#ds_area_content .ds_tabs_wrap {display:none;}

#ds_area_content .ds_niv1 { /*display:none;*/}
#ds_area_content .ds_niv1 { width:100%;}

#dynsearchmenu_wrap, #ds_area_content, ds_content, .ds_inrbox, .ds_niv1, .ds_niv2{
	border: 0px;
	border-style: none;
}
ds_content { margin:0px; padding:0px;}

/**/
.ds_tabs_wrap{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}



#dynsearchmenu_Ltab{border-style: none;}

#dynsearchmenu_Rtab{border-style: none;}




#dynsearchmenu_Ltab.active_ds_tab{}

#dynsearchmenu_Rtab.active_ds_tab{}




.ds_content, .ds_niv1, .ds_niv2{
	width: auto; /*width: 168px;*/

}


.ds_niv2 {
	width: auto; /*width: 166px;*/
}

.ds_niv2_content {
	width: auto; /*width: 162px;*/
}

	.ds_niv1
 {

	font-weight: bold;
	text-decoration: 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;



}


/*__ 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;}


/**/	
	
	
	
	
.IClistSearchText{}
.IClistSearchRadio{}



/*//////////////////_____ SEARCHREULT _______///////////////////////////*/


/*__Search reslut Color__*/

.search_reslut hr {color:#A0A0A0}

.search_reslut .titles, .search_reslut .titles h2{
	color: #FFFFFF;
	background-color: #666666;
}

.search_reslut .moreinfo .titles {
	color: #FFFFFF;
	background-color: #A0A0A0;
}



.search_reslut a {
	color: #0099cc;
}
.search_reslut #wrap_results, 
.search_reslut .choices_away, 
.search_reslut .choices_home {
	background-color: #FFFFFF;
}
.search_reslut .wrap_price {
	color: #666666;
}

.search_reslut .price {
	color: #000000;
}
/********************************/

.search_reslut .moreinfo {
	color: #666666;
}


.search_reslut .wrap_item_result {border: #666666;}
/**/




/*__DEVIATES FROM GLOBAL CSS__*/

/*No hotels on destination page:*/
#destination .user_content {width: 100%;}

#destination .hotel_list { display:none;}





/****************************************************************
*********                     HEADER                   **********
***************************************************************/


/*__ NEW header_banner __*/
#header { width:100%;}
#header_banner{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#header_banner, 
#header_banner a, #header_banner h1, #header_banner h2, #header_banner h3, #header_banner h4, #header_banner h5, #header_banner h6
 {color:#FFFFFF;}

#header_banner {
	
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;*/
}



#header_banner p/*, #header_banner h1, #header_banner h2, #header_banner h3, #header_banner h4, #header_banner h5, #header_banner h6*/ { margin:0px; padding:0px;}


#header_banner .row2 h3 {font-size:12px; clear:both; display:block;}
#header_banner .row2 {font-size:9px; line-height:1.2; font-weight:bold;}


#header_banner .col1 .col_content, 
#header_banner .row, #header_banner .image{background-color:#221613;}

#header_banner .col2 .row2{background-color:#6b380d;}



#header_banner {
	width:963px;
}
 #header_banner .col1 {
width:595px;
}

 #header_banner .col1 .col_content {
width:591px;
}

 #header_banner .col1 .image{width:100%;}
  #header_banner .col1 img {max-width:100%; .width:100%; height:auto;}


 #header_banner .col2 {
width:217px;
}

 #header_banner .col2 .col_content {
width:213px;
}

#header_banner .col3, #header_banner .col3 .col_content {width:151px;}




#header_banner .row {text-align:center;}
#header_banner .row .text { width:96%; margin-left:auto; margin-right:auto; padding:1px 0 0 0; overflow:hidden; /*text-align:left;*/}


#header_banner, #header_banner .col_content { height:230px;}

#header_banner .row1 { height:176px; margin-bottom:4px;}
#header_banner .row2 { height:50px;}

#header_banner .col_content, #header_banner .row  { overflow:hidden;}


#header_banner.searchengine .row1 {height:230px; background-color:#FFFFFF;}
#header_banner.searchengine .row2 {display:none;}


.calendar_box/* Calendar popup, changes its position */
{
/*margin-top: -20px;*/
	top: 50px;
	left: 0px;
	display: block;
}




#header_banner, #header_banner .col, #header_banner .row {
	float:left;
}
#header_banner .row {
	clear:both;
	width:100%;
}




#header_banner .image, #header_banner .text {text-align:center;}



#header_banner .col1 .col_content {position:relative;}
#header_banner .image {z-index:1;}


#header_banner .over, #header_banner .overtext {
	position:absolute;
	z-index:2;
	}

#header_banner .over {
	
	top: 0px;
	left: 0px;
	background-image: url(../images/hbanner_over.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 236px;
	height: 40px;
	zoom:1;
	
}


/*****/
div.content_wrap_image { float:left; clear:both; width:100%;}



/*__ NO RIGHTSIDE __ (body class="no_rightside") 

Deviates from Standard (Container padding left & right 2*15px=30px)

content: (582+20+191(-15)=778)

content: destination- & hotel page [ 778-(582-370) = 566]*/



.no_rightside #content {margin-right: 0px; padding-right: 0px;}

.no_rightside #rightside {display:none;}





.no_rightside #content

{/*width: 793px;*/ width: 778px;}



.no_rightside #destination .user_content, 

.no_rightside #hotel .imageComponent,

.no_rightside #hotel .user_content

{width: 566px;}



.no_rightside #hotel #slider {width: 496px;}



#creditcardbox {float:left; clear:both; width:100%; margin-bottom:10px; text-align:center;}

#creditcardbox a { display:block; float:left; clear:both; width:100%; margin-bottom:10px;}





.overtext, .overtext .txt, .overtext .bg {display:block}

#header_banner .overtext { bottom:0; right:0;}

.overtext { width:98.4%; margin:0.8%;}

.overtext .txt, .overtext .bg {width:94%; padding:0 3%; text-align:right; height:20px; line-height:20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px;}


.overtext .txt {position:absolute; z-index:+1;}
.overtext .bg {}

.overtext .txt { color:#FFFFFF;}
.overtext .bg {
	background-color:#67360E;
	color:#67360E;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.80)";
	opacity: 0.8;
	zoom:1;
}

.BrochImg img {
height:auto;
max-width:50%;
width:auto;
}




