/****************************************************************
** SPATRAVEL *********************** UPDATED  **  080911 /LS  ***
*****************************************************************/

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

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

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

#container {}
#header {}
a {color:#236f8f;}
a:hover {}
h1, h2, h3, h4, h5, h6, .title {color: #1c1c1c;}

hr {color:#dddddd; background-color:#dddddd;}
/**/
.txtcolor1, hr.hr1 {color: #4bbfde;}
.txtcolor2, hr.hr2 {color: #cdb263;}
.txtcolor3, hr.hr3 {color: #246f8f;}


.bgcolor1 {background-color: #4bbfde;}
.bgcolor2 {background-color: #cdb263;}
.bgcolor3 {background-color: #246f8f;}

.preamble {color:#383838;}
.highlight {}
.quicksearch_breadtext span.highlight {background-color: #f5f0e0; color: #000000;}
.alert {color: #DA0303;}

/**/
#flags {}

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


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

#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: #cdb263;
	background-color: #FFFFFF;
}




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

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


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

/**/

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

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

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

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


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

/**/


.tableheader td{
	background-color: #cdb263;
	color: #ffffff;
}

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

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

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


.box,
.row_odd td,
.row_even td,
.childageinfobox,
.ds_inrbox,
.ds_niv2,
.atribute dl dt,
.atribute dl dd {border-color:#cdb263;}


/**/

.box .title, .box .title a, .box .title h1, .box .title h2, .box .title h3, .box .title h4 {color:#FFFFFF;}

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

/**/



/**/



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

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

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

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



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

.search_reslut .price {
	color: #000000;
}


.search_reslut .moreinfo {
	color: #666666;
}


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


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

table.tablestyle1 tr {
background-color: #cdb263;
color:#ffffff;
}

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

}

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


/**/


/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT Backgrounds /////////////////////////
////////////////////////////////////////////////////////////////*/





#footerBG{
	background-color: #23708f;
	clear: both;
	float: left;
	width: 100%;
	min-width:993px;
	background-image: url(../images/bg_bot.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 35px;
}





.ds_niv1 {
	background-image: url(../images/bg_button2.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.ds_niv1:hover {background-position: left bottom;}


/*__BUTTONS__*/

a.button, a.button:hover{ text-decoration:none; outline:none;}

a.button, .button, #brochure_btn .formtext, .c_submit input {	
	color: #ffffff;
	background-color: #868489;


}



.button,  #brochure_btn .formtext {
	overflow: hidden;
}

.button, 
.button:hover,  
#brochure_btn 
.formtext {font-size: 1em;}


.button,  #brochure_btn .formtext {
	font-weight: bold;
	width:auto;
	overflow:visible;
	line-height: 1.4;
	padding: 0 0.5em;
}

.box.searchsite input.button, .box.newsletter input.button { width:auto;}


a.button {display:block; width:auto; float:left;}



.button, input.button #brochure_btn .formtext {
	background-position: top;
	border-width: 1px;
	border-style: outset;
	.border-style: solid;
	border-color: #B79631;
	}






.button:active,  
input.button:active
.button:hover, 
a.button:hover, 
input.button:hover {background-position: left bottom;}

.button:active,  
input.button:active { font-weight:normal;}


.button, 
a.button, 
input.button,  
#brochure_btn .formtext {background-image: url(../images/bg_button.jpg); background-repeat: repeat; background-color: #ffffff; border:none;}


/**/

.floatblock { float:left; clear:both; width:100%;}
/**/


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


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


/* FORMS component */
.formswrap, .formswrap .row, .formswrap .col {float:left;}
.formswrap, .formswrap .row {clear:both; width:100%;}
.formswrap .col {width: 100%;}
/**/
#spaforms h1 { padding-bottom:0.5em;} 
#spaforms h2 { padding-top:0.8em;} 
#spaforms .preamble { padding-bottom:1em;}

#spaforms .row { padding:2px 0 2px 0;}
#spaforms .col1 {width:28%;}
#spaforms .col2 {/*width:72%;*/ width:50%;}



#spaforms select.select_nr { width:45px;}

#spaforms input.button { margin-top:15px;}
#spaforms input.reset {margin-right:10px;}

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


html, body { height: 100%; padding: 0px; margin:0px;}
body, #wrap {width: 100%;}
#container {float:none; clear:both;}
#wrap {float: left; clear:both;}

body {text-align:center;}
#container {margin: 0 auto 0 auto; text-align: left;}


#wrap{
 	padding:5px 0 0 0;
	margin:0;
	text-align:center;
	height: auto;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/bg_top.jpg);
	background-color: #FFFFFF;
	min-width:993px;
}

/**/


body, table {line-height: 1.4;}	

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




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

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

#footer hr  {
	width:90%;
}

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


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

}


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

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


h1{	
font-size:18px;
}

h2 {font-size:13px;}

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



/*input, select, textarea {
	font-weight: normal;
	word-spacing: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	}
*/

select {} 

option {} 

textarea {} 



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

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




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

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


/*_ Width _*/
#leftside, #logo {width: 180px;}
#content {width: 582px;}
#leftside, #logo, #content {margin-right: 20px;}

#rightside {width:186px; padding-right:5px;}
#rightside_content, #leftside_content {width:100%; float:left; clear:both;}







#header {
	clear: left;
	float: left;	
} 






#leftside {
	float: left;
	clear:left;
}


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




#rightside {
	float: left;
}



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


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


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////         HEADER, LEFTSIDE, RIGHTSIDE, FOOTER     /////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


#header {}


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

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

#logo, #header .image {height:188px;}
#header .image {width:793px;} /*(180+20)-993=793*/




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

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

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

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


#flags { padding-left:5px;}

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




#searchsite {}



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





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


/*__ All pages __*/
#header, #content, #flashcontent, #travelize, #ds_area_wrap, .box, .atribute, .hotel_list{margin-bottom: 20px;}

.atribute,
.hotel_list,
.hotel_list div{ float:left;}

.atribute,
.hotel_list{clear:both;}

hotel_list_item_textwrap {width:100%;}


.tabsmenu .morepics { display:none;}

/*HEADER*/

/*LEFTSIDE / RIGHTSIDE*/


/*CONTENT*/

#flashcontent {
	width: 582px;
	clear: both;
	float: left;
	border: none;
}


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


/*CMS BANNER BOXES (boxes that clients kan add their own banners/text)*/
.cmsbanner {padding:0px; text-align:left;  width:100%; height:auto; clear:both;}


#leftside .cmsbanner , #rightside .cmsbanner { float:left;}

/*__ BOX __*/


#leftside .box {width:176px; border-width:2px;}
#rightside .box {width:182px; border-width:2px;}


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

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


.startbanners {.width:180px;}


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


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


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


.box .image img {height: 107px; width:auto;}



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



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








#leftside .box .title, #rightside .box .title {width: 100%;}





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

/**/


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



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







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



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



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

/*_HOTEL_*/

#imageComponent .imageslider {/*display:none;*/} /*080909LS hide more images until works correctly according to Nina. Show only "pict1"*/





/*__ MENU (main menu) __*/

#menu .nolist {display:none;} /*hide niv2*/



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

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



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

}

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

}


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

}


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



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

}




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

}



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




/*/////// SEARCH MENU ///////*/
#searchmenu_projecttype { width:182px; border-width:2px;}
#searchmenu_projecttype .text { width:172px;}
#searchmenu_projecttype .row1 select,
#searchmenu_projecttype .row2 select,
#searchmenu_projecttype .row4 select,
#searchmenu_projecttype .row6 select,
#searchmenu_projecttype .row7 select,
#searchmenu_projecttype .row8 select {width:100%;}












/*__ DYNAMIC MENU  __*/

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


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



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




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

}



#dynsearchmenu_Ltab{border-style: none;}

#dynsearchmenu_Rtab{border-style: none;}




#dynsearchmenu_Ltab.active_ds_tab{}

#dynsearchmenu_Rtab.active_ds_tab{}






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

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


.ds_niv2 {
	width: 166px; .width: 168px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.ds_niv2_content {
	/*width: 162px;*/ width: 96%;
}


	.ds_niv1
 {

	font-weight: bold;
	text-decoration: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	line-height: 10px;

}




.ds_niv2 {font-weight: normal;}

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

} 



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



}









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

.tourlist, .contact_iframe{}


/*_ Tourlist 1 _*/
.tourlist1 .col1, 
.tourlist1 .col3 {text-align: left;}
.tourlist1 .col2  {text-align: center;}
.tourlist1 .col4  {text-align: right;}
.tourlist1 .col1 span { padding-left:5px;}
.tourlist1 .col4 span { padding-right:5px;}

.tourlist1 .col2 { display:none;} /*090109LS hide platser/plasser*/

/*_ Tourlist 2 _*/
.tourlist2 .col1, 
.tourlist2 .col2 {text-align: left;}
.tourlist2 .col3  {text-align: right;}


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


.inc_offersmore a { color:#ceb163;}


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



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

Deviates from standard (-10px) due to content right side bevel (

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




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



.boxmodule .image {background:transparent;}

.boxmodule {margin-bottom:15px;}



.boxmodule, .boxmodule div {width:100%;}

.boxmodule { float:left;}

.boxmodule div {float:none; clear:both;}

.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .text, .boxmodule .image {overflow: hidden;}



.boxmodule .highlight {}



.boxmodule h1,

.boxmodule h2,

.boxmodule h3,

.boxmodule h4,

.boxmodule h5,

.boxmodule h6,

.boxmodule .title,

.boxmodule .title a,

.boxmodule .title a:hover {font-weight: bold; text-decoration:none; line-height:1.8; margin: 0px;

	padding: 0px; color:#333333;}





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





.boxmodule, .boxmodule .image {text-align: center;}

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

.boxmodule_content {text-align: left;}





.boxmodule_content {

	margin-left: auto;

	margin-right: auto;

}



/*__ Boxmodule Functions __*/



/* 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.BoxStyle_3 {background-color:#FFFFFF;}*/
.boxmodule .image img {max-width:100%;}

#content .boxmodule .BoxStyle_1 .boxmodule_content,
#content .boxmodule .BoxStyle_2 .boxmodule_content,
#content .boxmodule .BoxStyle_3 .boxmodule_content
 {width:99%; padding:0.5%;}


.boxmodule.BoxStyle_1 .boxmodule_content,
.boxmodule.BoxStyle_2 .boxmodule_content,
.boxmodule.BoxStyle_3 .boxmodule_content,

#content .bxm_cntThreeCol .BoxStyle_1 .boxmodule_content,
#content .bxm_cntThreeCol .BoxStyle_2 .boxmodule_content,
#content .bxm_cntThreeCol .BoxStyle_3 .boxmodule_content
 {width:96%; /*.width:100%;*/ 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:97%; /*.width:100%;*/ padding:0 1.5% 0 1.5%;}


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



/*_ BoxStyle_1: _*/

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

/**/


/*_ 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/bx2_trbl2px.jpg);
}

.boxmodule.BoxStyle_2 .text, .boxmodule.BoxStyle_2 .title, .boxmodule.BoxStyle_2 .image { background-color:#4bbfde;}
.boxmodule.BoxStyle_2, .boxmodule.BoxStyle_2 .title, .boxmodule.BoxStyle_2 .title a, .boxmodule.BoxStyle_2 .boxmodule_content h1, .boxmodule.BoxStyle_2  .boxmodule_content h2, .boxmodule.BoxStyle_2  .boxmodule_content h3, .boxmodule.BoxStyle_2  .boxmodule_content h4, .boxmodule.BoxStyle_2  .boxmodule_content h5, .boxmodule.BoxStyle_2  .boxmodule_content h6, .boxmodule.BoxStyle_2  strong {color:#FFFFFF;}


/**/


/*_ BoxStyle_3: _*/
.boxmodule.BoxStyle_3 {}


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


.boxmodule.BoxStyle_3 .boxmodule_content,
#content .boxmodule.BoxStyle_3 .boxmodule_content {width:100%; padding:0;}



.boxmodule.BoxStyle_3 .image, .boxmodule.BoxStyle_3 .text,
#content .bxm_cntThreeCol .BoxStyle_3 .image, #content .bxm_cntThreeCol .BoxStyle_3 .text  {width:97%; /*.width:100%;*/ padding:1%;}


.boxmodule.BoxStyle_3 .image{padding-bottom: 0;}
.boxmodule.BoxStyle_3.withoutText .image {padding-bottom: 1%;}


.boxmodule.BoxStyle_3 .title, .boxmodule.BoxStyle_3 .title a {color:#FFFFFF;}
.boxmodule.BoxStyle_3 .title { background-color:#ceb163;}

/**/




/*//// Three column boxes (STARTPAGE boxes) /////*/ 
/*   boxmodules height 200px   */


.boxmodule .bxm_cntThreeCol .image {height:106px;}
.boxmodule .bxm_cntThreeCol .image img {max-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;}


.bxm_cntThreeCol .boxmodule_content,
.boxmodule.bxm_cntThreeCol .withoutText .image
 {height:192px; /*200-(4x2)*/ /*.height:196px;*/ /*200-4*/}


.boxmodule.bxm_cntThreeCol .withoutText .image img {max-height:192px;}

.boxmodule.bxm_cntThreeCol .BoxStyle_3 .withoutText .boxmodule_content,
.boxmodule.bxm_cntThreeCol .BoxStyle_3 .withoutText .image
 {height:198px; /*200-(4x2)+6*/}

.boxmodule.bxm_cntThreeCol .BoxStyle_3 .withoutText .image img{max-height:198px;}



.boxmodule.bxm_cntThreeCol .text
 {height:66px; /*192-106-20*/ /*.height:70px;*/ /*196-106-20*/}


.boxmodule.bxm_cntThreeCol .withoutImage .text
 {height:172px; /*192-20*/ /*.height:176px;*/ /*196-20*/}



.bxm_cntThreeCol{width:184px;}

.boxmodule.bxm_cntThreeCol .boxmodule_content {/*width:176px; .width:100%; padding:4px 4px 0 4px;*/}



/*//// One column boxes /////*/ 
.boxmodule.bxm_cntOneCol{}


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




#header .flashwrap {
	width:100%;
	background-image: url(../../upload/images/website_layout/topbanner/topbanner1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:180px;
}


#header .image { background-color:#FFFFFF;}

#header .image.boxmodule{width:793px;}
#header .image.boxmodule .boxmodule_content {width:785px; .width:100%; padding:4px 4px 0 4px;}



#header .image.boxmodule, 
#header .image.boxmodule .t,
#header .image.boxmodule .r,
#header .image.boxmodule .b,
#header .image.boxmodule .l,
#header .image.boxmodule .tr,
#header .image.boxmodule .br,
#header .image.boxmodule .bl,
#header .image.boxmodule .tl
 {height:188px;}


#header .image.boxmodule .boxmodule_content
 {height:180px; /*188-(4x2)*/ .height:184px; /*188-4*/}
 
 

/*/// contentBoxes ///*/


.contentBoxes { line-height:1.6;}

.contentBoxes .title { float:left; clear:both; text-align:left; margin-bottom:5px;}

.contentBoxes .title, .contentBoxes .title a, .contentBoxes .title a:hover { text-decoration:none;/*color:#cdb263*/; color:#bd8e00; font-size:11px;}

.contentBoxes .image, .contentBoxes .text { float:left; clear:none;}


.contentBoxes .boxmodule_content,
.contentBoxes .image {height:105px; overflow:hidden;}
.contentBoxes img {max-height:105px; .max-height:104px;}

#content .contentBoxes .boxmodule .boxmodule_content {width:565px; padding:8px 0 8px 0;}

.contentBoxes .image {
	width:175px;
	overflow:hidden;
}

.contentBoxes .text { width:390px; padding:0px; margin:0px;}
.contentBoxes .boxmodule .text_content {padding:0px 0px 0px 8px; margin:0px; width: 382px;}

.contentBoxes .boxmodule .row1, .contentBoxes .boxmodule .row2 {clear:both; float:left; margin:0px; padding:0px; overflow:hidden;}
.contentBoxes .boxmodule .text p {padding:0px; width:100%; clear:both; float:left;}


.contentBoxes .boxmodule .row1 { height:80px; margin-bottom: 5px;}
.contentBoxes .boxmodule .row2,
.contentBoxes .ico_pdf, 
.contentBoxes .ico_map, 
.contentBoxes .ico_mpics { height:16px;}


.contentBoxes .image, 
.contentBoxes .ico_pdf, 
.contentBoxes .ico_map, 
.contentBoxes .ico_mpics {background-repeat: no-repeat;background-position: center center;}

.contentBoxes .image {background-image:url(../images/cntbanner_bgimg.jpg);} 


.contentBoxes .ico_pdf, 
.contentBoxes .ico_map, 
.contentBoxes .ico_mpics,
.contentBoxes .button {float:right;}

.contentBoxes .button { margin-left:5px;}

.contentBoxes .ico_pdf, 
.contentBoxes .ico_map, 
.contentBoxes .ico_mpics {width:20px; display:block; }


.contentBoxes .ico_pdf span, 
.contentBoxes .ico_map span, 
.contentBoxes .ico_mpics span { display:none;}

.contentBoxes .ico_pdf, 
.contentBoxes .ico_map, 
.contentBoxes .ico_mpics,
.contentBoxes .button{/*float:right;*/}

.contentBoxes .ico_pdf {background-image:url(../images/cntbanner_pdf.jpg);

}
.contentBoxes .ico_map {background-image:url(../images/cntbanner_map.jpg);}
.contentBoxes .ico_mpics {background-image:url(../images/cntbanner_mpics.jpg);} 


/*///////////////// Brochure page /////////////////////////
- BrochureIframe.asp
*/

.brochure_choice {/*width: 194px;*/ /*(582/3)*/}
.brochure_choice .checkbox{}
.brochure_choice .BrochName{ font-weight:bold;}

.brochure_choice .Brochtext, .brochure_choice .BrochImg {clear:both; width:100%; }

.brochure_choice .Brochtext{margin:5px 0 5px 0;}
.brochure_choice .BrochImg{ text-align:left;}
#brochure_page{}
#brochure_header{}
#brochure_choice_wrap{}
#broch_custinfo{}
#broch_custinfo_under{}
.broch_custinfo_row{}
#broch_newsletter{}
#broch_persinfo{}
.broch_custinfo_colleft{} 
.broch_custinfo_colright{}
#brochure_page .checkbox{} 
#brochure_page .checkbox_txt  {}