
/*
*	Styles for contactform input areas.
*/
select, input, textarea
{
	color: #8b8b8b;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}

input.formButton
{
	color: #3c3c3c;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}





/* ---------------------------------------------------- */
/* - Select Travel Main Stylesheet  Pentia A/S        - */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* - To create new microsite stylesheet, take existing- */
/* - microsite stylesheet and replace the entries of  - */ 
/* - microsite background color with a new one 	      - */
/* - golf: #356A44;																		- */
/* ---------------------------------------------------- */


/* @media screen : Not for print layout because of margins. If change is applied here remember to apply it for print layout as well */

@media screen{  
 
	body
	{	background: #FFF;
		color: #8b8b8b;
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		line-height: 12px;
		margin: 0px auto 0px auto;
		overflow: hidden;
		padding: 0px;
		scrollbar-face-color:	#FFF;
		scrollbar-highlight-color: #FFF;
		scrollbar-darkshadow-color: #8b8b8b;
		scrollbar-shadow-color: #FFF;
		scrollbar-arrow-color: #8b8b8b;
		scrollbar-track-color: #8b8b8b;
		text-align: center;
	}	
	
} /* end media screen */ 
		
 /******* Styles for the actual printed page on paper	*******/
 
@media print {
 
	body
	{	background: #FFF;
		border: 0px solid #FFF;
		color: #8b8b8b;
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		line-height: 12px;
		margin: 0px;
		overflow: visible;
		padding: 0px;
		text-align: left;
	}
}	/* end @media print */
		
	 
@media screen, print { /*styles for both print and screen display*/
	 
  /******* global styles *******/
  
  /******* main viewport for page *******/
  
  #page
	{	height: 490px;
		margin-left: auto; 
		margin-right: auto;
		text-align: left;
		width: 952px;
	} 
  
  #pagewidth
	{	margin-left: auto; 
		margin-right: auto;
		margin-top:	35px;
		padding: 0px;
	 	position:relative;
	}	 
  
	a:link, a:visited
	{	border: 0px solid #FFF; 
		color: #8b8b8b;
		-moz-outline: 0px solid #FFF; 
		text-decoration: none;
	}

	a:hover, a:active
	{	border: 0px solid #FFF;
		color: #AE8E41;
		-moz-outline: 0px solid #FFF; 
		text-decoration: none; 
	}

	img
	{	border: 0px solid #FFF;
	}

	.clear
	{	clear: both;
		margin: 0px;
		padding: 0px;
	}

.hr
	{	background-color: #FFF; /*neccesary! Or else padding will be added in IE*/
		border-top: 1px solid #8b8b8b;
		clear: both;
		font-size: 0px;
		height: 1px;
		margin-left: 15px; /* not in one statement:firefox */
		margin-right: 15px;
		padding: 0px;
	}

 	.hrWithoutMargins
	{	clear: both;
		border-top: 1px solid #8b8b8b;
		font-size: 1px;
		height: 1px;
		margin: 0px; 
		padding: 0px;
		width: 630px;
	}

	.hrWithoutMarginsDynamic
	{	background-color: #FFF; /*neccesary! Or else padding will be added in IE*/
		border-top: 1px solid #8b8b8b;
		clear: both;
		font-size: 0px;
		height: 1px;
		padding: 0px;
		margin: 5px 0px 10px 0px; 
		width: 100%;
	}


	.paddingright
	{padding-right: 15px;
	}

	.paddingleft
	{padding-left: 15px;
	}
	
	/******* styles for splash page *******/

	#splashpagewidth
	{	margin-top:	65px;
		margin-left: 	auto; 
		margin-right: 	auto;
		padding-bottom:	15px;
		position: relative;	
	}

	#splashpage
	{	margin-left: 	auto; 
		margin-right: 	auto;
		width: 940px;
	}

	#boxsplash
	{
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}


	#splashlogo
	{	
	float: left;
	text-align: right;
	width: 255px;
	}

	#splashselect
	{
		text-align: right;
		width:		255px;
		float: left;
	}
	
	#splashfooter
	{
		margin-left: 	auto; 
		margin-right: 	auto;
		width:		940px;
	}


	/******* content boxes for page *******/

	#office-addresses 
	{
		margin-top: 0px;
		padding-bottom: 10px;
	}

	#office-addresses img
	{
		margin-left: 0px;	
		margin-right: 6px;	
	}

	#office-addresses hr
	{
		border: 0;
		color: grey;
		background-color: grey;
		height: 1px;
		width: 100%;
		text-align: left;
	}

	#topdropdownholder
	{	float: right;
		text-align:	right;
		vertical-align: bottom;	
		width: 100%;
	}

	#boxtop
	{  width: 956px;
	}

	#boxtop td
	{	margin: 0px;
		padding-bottom: 6px;
		vertical-align: bottom;
	}

	#topband
	{ background-color: #356A44; /*CHANGE THIS FOR MICROSITE */
		height:78px;
		position:absolute;left:0;top:0;
		width:100%;
	}

	#logotd
	{ 
		width:270px;
	}

	#boxcenter
	{ border: 1px solid #8b8b8b;
		height: 360px;
		width: 100%;
	}

	#boxleft
	{	border-right:	1px solid #8b8b8b;
		float:		left;
		height:		360px;
		overflow:	hidden;
		text-align:	left;
		vertical-align:	top;
		width:		260px; /*do not change because of picwidth and padding */
	}

	#leftcontent
	{	padding:	15px;
	}

  #leftmenu
  { height: 110px;
	} 

	#boxmain /*not padding : FF counts it in, in height and width*/
	{ float:		left;
		height:		360px;
		overflow:hidden;
		width: 690px;
	}
	
	 #scrollingboxwithpadding /* padding for the main content */
	{ padding:15px;
	}

	/*not margin-right in extra div box : FF places scrollbar inside margin*/
	/*not overflow:auto in #boxmain because of pages with large pictures will show scrollbars*/


/*** boxes inside #boxmain ***/


	#contenthtml  /*** used in content.xslt ***/ 
	{	float:		left;
		height:100%;
		overflow:	auto;
		width:690px; /* this setting is needed so that only a vertical scrollbar is shown */
	}

	#list
	{	float:left;
		height:100%;
		line-height:normal;
		overflow:auto;
		text-align:left;
		width:690px;
	}

	#listitemdetailbox
	{ float:left;
		height:	100%;
		overflow:auto;
		text-align:left;
		width:690px;
	}
	
	.listabstract
	{ height: 40px; /* height of three text lines */
		overflow:hidden;
		padding-right: 15px;
	}

	#listitemdescription
	{	padding-bottom: 12px;
		padding-top: 6px;
	}

   
  /******* Styles for print layout page. *******/
  
  /******* Special styles for the actual printed page is set in *******/
  /******* the @media print section at the beginning of this file.	*******/

  #printtable
  {	border: 0px solid #FFF;	
	  width: 100%;
	}

		#boxtopprint
	{ border-bottom: 1px solid #8b8b8b;
		margin: 0px;
		margin-left: 15px;
		padding-top: 15px;
		margin-right: 15px; 
		padding-bottom: 10px;
		width: 100%; 
	}
		
	#print_content
	{	margin-left: 15px; 
		margin-right: 15px;
		}	
		
	#printfooter
	{	border-top: 1px solid #8b8b8b;
		margin-left: 15px; 
		margin-right: 15px;
		width: 100%;
	}

	#printfooterbox1, #printfooterbox2, #printfooterbox3
	{ float: left;
		font-size: 9px;
		line-height: 11px;
		margin-top: 10px;
	}
	
	#printfooterbox1, #printfooterbox2
	{ width: 35%;
	}
	
	/******* horizontal menu bars and dropdowns *******/

	.menubartop
	{	border-top: 	1px solid #356A44; /*CHANGE THIS FOR MICROSITE */
		height: 25px;
		text-align:	left;
		width:		100%;
	}

  .topdropdown, .topdropdownWithMargin  
	{background-color: #356A44;  /*CHANGE THIS FOR MICROSITE */
	border:		1px solid #FFFFFF; /*CHANGE THIS to #FFFFFF FOR MICROSITE */
	color:		#FFFFFF;  /*CHANGE THIS to #FFFFFF FOR MICROSITE */
	float: right;
	font-family:	arial, sans-serif;
	font-size: 	10px;
	padding: 0px;
	vertical-align:top;
	width:		232px;	
	}

	.topdropdownWithMargin, .dropdownWithMargin  /*with margin below */
	{ margin-bottom:	8px;
	}
  
	.menubarbottom
	{	border-bottom: 	1px solid #8b8b8b; 
		height:25px; /*necessary for firefox */ 
		text-align:	left;
		width:952px;
	}

	.dropdown, .dropdownWithMargin 
	{	background: 	#FFF;
		border:		1px solid #8b8b8b;
		color:		#8b8b8b;
		font-family:	arial, sans-serif;
		font-size: 	10px;
		vertical-align:	bottom;
		width:		232px;	
	}

	/******* fonts *******/

	/*** slogan text on frontpage ***/

	.slogantext
	{	background-color:#FFF;
		color:		#8b8b8b;
		font-family:	arial, sans-serif;
		font-size:	36px;
	  font-weight:	bold;
		line-height:	32px;
		padding:	0px;
	}

	div.st_frontpage_topslogan
	{
		font-size: 200%;
		line-height: 125%;
		letter-spacing: 1px;
		font-weight:normal;
		color: #AE8E41;	
		text-align: right;
	}

	div.st_frontpage_left_menu
	{
		width: 230px;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 15px;
	}

	div.st_frontpage_left_navigation
	{
		clear:both;
		padding: 0px 0px 0px 0px;
		font-size:180%;
		height: 35px;
	}

	a.st_frontpage_left_navigation_text
	{
		color:		#8b8b8b;
		float:		left;
		font-family:	arial, sans-serif;
		font-size:	15px;
		font-weight: bolder;
/*		padding-bottom:	7px;
		padding-right:	65px;
		padding-top: 	7px; */
		text-align:	left;
	}

	/*** headings ***/

	h1
	{	color:		#8b8b8b;
		font-family:	arial, sans-serif;
		font-size:	12px;
		font-weight:	bold;
		line-height: 13px;
		margin:0px; /*not negative margins; firefox cuts off letters*/
		padding:0px 0px 0px 2px;
		text-align:left;
		vertical-align:top;
	}

	h1.large, h1 .large
	{
		/*color:		#577892;*/
		color: #AE8E41;
		font-family:	arial, sans-serif;
		font-size:	24px;
		line-height: 25px;
		font-weight:	normal;
		margin: 0px;
		padding:0px 0px 0px -2px;
		text-align:left;
	}

	h1.largeUL, h1 .largeUL
	{	border-bottom: 1px solid #8b8b8b;
		color:		#AE8E41;
		font-family:	arial, sans-serif;
		font-size:	24px;
		font-weight:	normal;
		line-height: 25px;
		margin: 0px 0px 10px 0px; /*not negative margins; firefox cuts off letters*/
		text-align:left;
		padding:0px;
	}

	h1.largeULfixedwidth, h1 .largeULfixedwidth
	{	border-bottom: 1px solid #8b8b8b;
		color:		#AE8E41;
		font-family:	arial, sans-serif;
		font-size:	24px;
		font-weight:	normal;
		line-height: 25px;
		margin: 0px 0px 10px 0px; /*not negative margins; firefox cuts off letters*/
		text-align:left;
		padding:0px;
		width:232px;
	}

	/*small heading in lists*/
	.listtopheading
	{padding-top:	12px;
	}

	p
	{	color:		#8b8b8b;
		font-family:	verdana, arial, sans-serif;
		font-size:	11px;
		margin:0px;
		padding:0px;
		text-align:left;
	}

	/* property details are shown in a table */

	table tr td
	{	color:		#8b8b8b;
		font-family:	verdana, arial, sans-serif;
		font-size:	11px;
		line-height: 18px;
		margin:0px;
		padding:0px;
		text-align:left;
	}

	table.propertydetail tr td.space
	{line-height: 6px;
	}

	table.propertydetail tr td.first
	{ 
		line-height: 12px;
		padding-right:16px;
		vertical-align:top;
		white-space:nowrap;
	}

	table.propertydetail tr td.content
	{
		line-height: 12px;
	}

	/*** text in menus ***/

	div.destination_head_frontpage
	{
		/*top: -10px; 
		border: solid 1px red;*/
		color: #AE8E41;
		margin: 0px 0px 10px 0px;
		font-size: 180%;
/*		letter-spacing: 1px; */
		line-height: 150%;
		font-weight:bold;
	}

	.topmenucontainer 
	{
		margin-left: 275px;
		width: 100%;
	}

	.topmenuimage 
	{
		text-align: center;
		float: left;
		padding-top: 9px;
		padding-bottom:	9px;
		margin-right: 115px;
		overflow: hidden;
	}
	.right
	{
		margin-right: 0px;
	}

	.menutextleft
	{	color:		#8b8b8b;
		float:		left;
		font-family:	arial, sans-serif;
		font-size:	11px;
		font-weight:bold;
		padding-bottom:	7px;
		padding-right:	65px;
		padding-top: 	7px;
		text-align:	left;
	}
	.menutextleftfooter
	{	color:		#8b8b8b;
		float:		left;
		font-family:	arial, sans-serif;
		font-size:	11px;
		font-weight:bold;
		padding-bottom:	7px;
		margin-left: 0px;
		margin-right:	0px;
		padding-top: 	7px;
		text-align:	center;
		width: 190px;
	}
	
	.menufooter
	{	color:		#8b8b8b;
		vertical-align: middle;
		float:		left;
		font-family:	arial, sans-serif;
/* 		font-size:	33px; */
		font-weight:bold;
/*		padding-bottom:	7px;
		padding-right:	50px;
		padding-top: 	7px; */
		text-align:	left;
	}

/*	.menufooter_text
	{
		color: #9b9c9e;
		font-size:180%;
		font-weight: bolder;
	}
*/
.centerdiv
{
	text-align: center;
}
	div.st_footerlocations
	{
		float:left;
	}

	div.menufootercontainer
	{
		height: 30px;
		float: left;
		text-align:justify;
	}

	div.menufooterimage
	{
		float: left;	
	}
	div.menufootertext
	{
		float: left;	
	}

	img.footermenuimage
	{
		margin: 7px 7px 7px 0px;	
	}

	img.leftmenuimage
	{
		margin: 10px 10px 10px 0px;	
	}
	
	.splashfooter
	{
		float:		left;
		padding-left:	25px; /*adjusted to specific footers */
		text-align:	left;
		margin-right: -10px;

	}
	
	.splashfooterlastitem
	{
		float:		left;
		padding-left:	25px; /*adjusted to specific footers */
		text-align:	left;
		margin-right: -10px;
	}

	.menutextright
	{	color:		#8b8b8b;
		float:		right;
		font-family:	arial, sans-serif;
		font-size:	11px;
		font-weight:bold;
		padding-bottom:	7px;
		padding-top: 	7px;
		text-align:	right;
	}

	.menutextleftmenu
	{	color:		#8b8b8b;
		font-family:	arial, sans-serif;
		font-size:	11px;
		font-weight:bold;
		height:22px; 
		text-align:	left;
	}


	/******* list images *******/

	.listimage
	{	background-color:#FFF;
		float:		left;
		padding:	15px;
	}
	
	.listimage img
	{	height:70px;
		overflow:hidden;
	}


	/*dummy tag if no image supplied */
	.nolistimage
	{	height:70px;
		width:95px;
	}


	/****** imageClipper, previous and next text in image carousel ******/
	/****** imageLeftClipper: Image below menu items in the left box ***/
  
	#imageCarouselClipper, #imageLeftClipper
	{	height:220px;
		overflow:hidden;
		width:230px;
	}

	#imageCarouselPrevious
	{	float:left;
		font-size:10px;
		font-weight:bold;
		text-align:left;
		width:90px;
	}

  #imageCarouselBackToListLink
  { float:left;
		font-size:10px;
		font-weight:bold;
		text-align:left;	
	}

	#imageCarouselNext
	{	font-size:10px;
		font-weight:bold;
		text-align:right;
	}

	/* Forms styles BEGIN */

	.formleftsection
	{
		width: 300px;
		float: left;
	}

	.formrightsection
	{
		width: 340px;
		float: right;
	}

	.textbox
	{
	width:232px; 
	border: 1px solid #8b8b8b;
	height:15px;
	margin-bottom:5px;
	margin-top:2px;
	}

	.textbox2
	{
		width:315px;
		border: 1px solid #8b8b8b;
		height:120px;
		margin-top:5px;
		overflow:hidden;
	}

	.textboxsmall
	{
	width:20px; 
	border: 1px solid #8b8b8b;
	height:15px;
	margin-bottom:5px;
	margin-top:2px;
	}

	.button
	{
		background-color:#AE8E41;
		border:0px;
		font-family: arial, sans-serif;
		color:#FFF;
		height:15px;
		font-weight:bold;
		font-size:11px;
		margin-top:100px;
	  	
	}

	.button2
	{
		background-color:#AE8E41;
		border:0px;
		font-family: arial, sans-serif;
		color:#FFF;
		height:15px;
		width:45px;
		font-weight:bold;
		font-size:11px;
		margin-top:10px;
	}

	.button3
	{
		background-color:#AE8E41;
		border:0px;
		font-family: arial, sans-serif;
		color:#FFF;
		height:15px;
		font-weight:bold;
		font-size:11px;
		margin-top:60px;
	  	
	}


	.formlabel2
	{
		margin-top:15px;
		margin-bottom:10px;
	}

	/* Forms style END  */

} /*end media screen, print */

/* ----------------------------------------------- */
/* - Contact form                                - */
/* ----------------------------------------------- */

.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style5 {
	color: #FFFFFF;
	font-size: 24px;
}
.style6 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style8 {color: #AB903F; font-size: 24px; }