/* 
0. Default resets
-------------------------------------------------------
1. Main framework
	1.1 Body
	1.2 Wrapper
	1.3 Header
	1.4 Navigation
		1.4.1 Sub navigation
	1.5 Content
	1.6 Footer
-------------------------------------------------------
2. Headers
-------------------------------------------------------
3. Links
-------------------------------------------------------
4. Misc and client specific elements 
-------------------------------------------------------

0. Default resets
*/

html, body{margin: 0;padding: 0;}
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
div{padding: 0; margin: 0;}
.site-header{display: none;}
.site-footer{display: none;}
.login-status{display: block;}
.admin-panel{display: block;}
.window-properties{z-index: 5000;}
.window-properties h1{color: #fff;}
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
/* 

1. Main framework

	1.6 Wrapper
*/

body{
	text-align: center; /* For IE5 and below */
	font: 12px/17px "Arial", Helvetica, sans-serif;
	color: #484848;
	behavior:url("../client/csshover.htc");

}

.body-container{background: #fff url('../client/images/main-bg.gif') top repeat-x;}

/*
	1.2 Wrapper
*/

.wrapper{
	text-align: left;
	width: 940px;
	margin: 0px auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

/*
	1.3 Header
*/

.header{
	height: 106px;
	background: url('../client/images/menu-bg.jpg') bottom no-repeat;
	position: relative;
}
	.logotype{
		float: left;
		margin-top: 13px;
	}
.top-area{
	height: 179px;
}
.slogan{
	float: left;
}

.defaultTop
{
	float: right; 
	width: 756px;
}

.tw-slideshow{
	width: 756px;
	height: 179px;
}
	.tw-slideshow input {display: none;}
	.tw-slideshow a {display: none;}
	.slideshow-area img{
		width: 756px;
		height: 179px;
	}
	.function-icons{
		float: right;
		width: 145px;
		margin-top: 13px;
	}
	.icon-item{
		float: left;
	}
	.icon-item a{
		display:block;
		cursor: pointer;
	}
		a.english{
			background: url('../client/images/flag-en.gif') no-repeat;
			width: 16px;
			height: 11px;
			margin:3px 3px 0 0;
		}
		a.english:hover{
			background: url('../client/images/flag-en-hover.gif') no-repeat;
		}
		a.login{
			background: url('../client/images/login.gif') no-repeat;
			width: 20px;
			height: 16px;
		}
		a.login:hover{
			background: url('../client/images/login_1.gif') no-repeat;
		}
		a.print{
			background: url('../client/images/print.gif') no-repeat;
			width: 20px;
			height: 16px;
		}
		a.print:hover{
			background: url('../client/images/print_1.gif') no-repeat;
		}
		a.mail{
			background: url('../client/images/mail.gif') no-repeat;
			width: 20px;
			height: 16px;
		}
		a.mail:hover{
			background: url('../client/images/mail_1.gif') no-repeat;
		}
		a.sitemap{
			background: url('../client/images/sitemap.gif') no-repeat;
			width: 20px;
			height: 16px;
		}
		a.sitemap:hover{
			background: url('../client/images/sitemap_1.gif') no-repeat;
		}
	.icon-divider{
		float: left;
		width: 19px;
		height: 12px;
		background: url('../client/images/icon-divider.gif') repeat-y;
		margin-top: 2px;
	}	

/*
	1.4 Navigation
*/
.navigation{
	width: 756px; /* for the body bg */
	height: 40px;
	float: right;
	margin-top: 36px;
}

/*level 1*/
.navigation ul{margin: 0; padding: 0; list-style: none;}
.navigation ul li{position: relative; float: left; background: url('../client/images/menu-divider.gif') bottom left no-repeat;}
.navigation ul li.first{background: none;}
.navigation ul li.first a{padding-left: 0;}
.navigation a{color: #808283;text-decoration: none; padding: 16px 12px 7px 12px; display: block;}
.navigation a:hover{color: #333;}

/*level 2*/
.navigation ul ul{display: none;}
.navigation li:hover ul{display: block; position: absolute; top: 40px; left: 0; z-index: 10100; background: url('../client/images/sub-menu-bg.png') repeat-x;}
.navigation ul ul li{float: none; background: none;}
.navigation ul ul li.first a{padding: 10px 20px 3px 10px;}
.navigation ul ul a{padding: 3px 20px 3px 10px; white-space: nowrap; color: #555; display: block;}
.navigation ul ul li.last a {padding: 3px 20px 10px 10px;}






/*
	1.5 Content
*/

.content{
	background: url('../client/images/content-bg.gif') repeat-y;
	width: 940px; /* for the body bg */
	overflow: hidden;
}

.sidebar{
	float: left;
	width: 182px;
	border-top: 2px solid #fff;
	padding: 30px 0;
}
	.sidebar .inner{
		padding: 0 15px;
	}

.main-content{
	float: right;
	width: 726px;
	padding: 30px 0;
}
	.main-content a{
		color: #da0f2d;
		text-decoration: underline;
	}
	.main-content a:hover{
		color: #7d0719;
		text-decoration: underline;
	}

/*
TW areas
*/

.area-content{
	width: 724px;
}
.defaultMain
{
	width: 724px;
}
.defaultSideBar
{
	width: 140px;
}
.defaultLeft, .defaultRight{
	margin: 20px 0; 
	float: left;
	
}
.defaultLeft{
	width: 362px;
}
.defaultRight{
	width: 362px;
}
.defaultBottom{
	clear: both;
	width: 724px;
}

/*

*/

.sidebar .box-content .inner{padding: 0;}

/*
	Box plugin
*/

/* Template box Large */
.box-top-xtralarge{
	background: url('../client/images/box/box-top-xtralarge.gif') top no-repeat;
	width: 724px;
}

.box-bottom-xtralarge{
	background: url('../client/images/box/box-bottom-xtralarge.gif') bottom no-repeat;
	width: 724px;
	height: 15px;
	zoom: 1;
	margin-bottom: 4px;
}
.box-top-xtralarge .inner{padding: 20px;}

.box-content{overflow: hidden;}
.box-popup{display: none;}
.mouseover .box-popup
{
	position: absolute;
	z-index: 200;
	top: 15px;
	right: 15px;
	height: auto;
	width: 293px;
	background: #f9f9f9;
	border: 1px #dedede solid;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	margin: 0;
	padding: 0;
	overflow:visible;
	display: none;
}
	.mouseover .box-popup .popup-inner{padding: 20px;}

/* Not happy with this */
#ctl00_ctl00_cphMain_twAreaContentPlaceHolder4_ctrlBox595595_panView
{
	height: 200px;	
}
.mouseover
{
	width: 360px;
	position: relative;
	float: none;
}
.on-top
{
	z-index: 10000;
}
	.mouseover h3 a
	{
		color: #333;
		text-decoration: none;
		font-size: 16px;
		padding: 13px;
		display: block;
		background: url('../client/images/box-mouseover.jpg') no-repeat;
	}
		.mouseover h3 a:hover
		{
			background: url('../client/images/box-mouseover-hover.jpg') no-repeat;	
			color: #000;
			text-decoration: none;
		}

.grey-large
{
	background: url('../client/images/box-top-large.gif') top no-repeat;
	text-align: left;
}
	.grey-large h2{margin-top: 0; padding-top: 0;}
	.grey-large .inner{padding: 20px;}
	.grey-large .box-bottom
	{
		background: url('../client/images/box-bottom-large.gif') bottom no-repeat;
		height: 15px;
	}

.box-top-small{
	background: url('../client/images/box-top-small.gif') top no-repeat;
	width: 252px;
}
	.box-top-small a{
		display: block;
		padding: 15px 15px 7px 15px;
		color: #585858;
		text-decoration: none;
		background: url('../client/images/box-arrow.png') top right no-repeat;
		background-position: 210px 9px;

	}
	.box-top-small a:hover{
		display: block;
		padding: 15px 15px 7px 15px;
		color: #131313;
		text-decoration: none;
		background: url('../client/images/box-arrow-hover.png') top right no-repeat;
		background-position: 210px 9px;
	}
.box-top-small .head{
	font-size: 16px;
	font-weight: bold;
}
.box-bottom-small{
	background: url('../client/images/box-bottom-small.gif') top no-repeat;
	width: 252px;
	height: 14px;
	margin-bottom: 4px;
}
.box-arrow{
	float: right;
	position: relative;
	top:-6px;
	right: 0px;
}

.box-top-large{
	background: url('../client/images/box-top-large.gif') top no-repeat;
	width: 348px;
}
	.box-top-large .inner{
		padding: 20px 20px 10px 20px;
	}
.box-bottom-large{
	background: url('../client/images/box-bottom-large.gif') top no-repeat;
	width: 348px;
	height: 15px;
	margin-bottom: 4px;
}
.box-top-large .head{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.box-photo{
	float: left;
	margin-right: 30px;
}


/*
	1.8 Footer
*/

.footer{
	background: url('../client/images/footer-bg.gif') repeat-x;
	height: 80px;
	color: #929596;
	font-size: 11px;
	padding: 20px 0;
	text-align: left;
}

.footer .inner{
	width: 940px;
	margin: 0px auto;
	line-height: 20px;
}
.footer a
{
	color: #929596;
}

/*
2. Headers

*/
h1, h2, h3, h4, h5, h6{
	font-family: 'Arial', Verdana, Helvetica;
	color: #484848;
	font-weight: normal;
}
	h1{
		margin: 5px 0 7px 0;
		font-size: 30px;
		line-height: 31px;
		letter-spacing: -1px;
	}
	h2{
		margin: 10px 0 5px 0;
		font-size: 25px;
		line-height: 27px;
		letter-spacing: -1px;
	}
	h3{
		margin: 7px 0 5px 0;
		font-size: 20px;
		line-height: 22px;
	}
	h4{
		margin: 10px 0 4px 0;
		font-size: 18px;
		line-height: 20px;
	}
	h4{
		margin: 10px 0 3px 0;
		font-size: 15px;
		line-height: 20px;
	}
/* 

3. Links

*/
	a{text-decoration: none;}
	a:hover{text-decoration: none;}

/*
	Flags
*/
.flags
{
	position: absolute;
	right: 155px;
	top: 13px;	
	margin: 0;
	padding: 0;
	list-style: none;
}

.flags li img, .flags a{float: left;}

.flags a
{
	color: #666;
	text-decoration: none;
	font-size: 10px;
	display: block;
}
.flags a:hover{color: #333;}
a.fi-FI{background: url(../client/images/flag-finland.gif) no-repeat;}
a.en-US{background: url(../client/images/flag-en.gif) no-repeat;}
a.da-DK{background: url(../client/images/flag-denmark.gif) no-repeat;}
a.nn-NO{background: url(../client/images/flag-norway.gif) no-repeat;}
a.sv-SE{background: url(../client/images/flag-sweden.gif) no-repeat;}

/*
	News
*/
.news-area a{
	display: block;
	color: #393939;
}
.news-area a:hover{
	display: block;
	color: #000;
}

.news-header{
	font-size: 25px;
	color: #5a5a5a;
	display: block;
	margin-bottom: 15px;
}
.news-item{
	margin-bottom: 15px;
	border-bottom:1px solid #ccc;
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 15px;
}
	.news-item a{
		color: #393939;
		font-weight: bold;
	}
	.news-item a:hover{
		color: #5a5a5a;
		font-weight: bold;
	}
.news-date{
	color: #727272;
	display: block;

}

.pageId-127 .newsItemHeadline{font-size: 16px; line-height: 18px; display: block;}
.pageId-127 .news-date{font-size: 12px;}
/*
Triggerweb login
*/

.tw-login{margin-top: 15px;}
.tw-login table table td
{
	text-align:left;
	padding: 5px;
}
.tw-login input[type=text], .tw-login input[type=password]
{
	border-top: 1px #868686 solid;	
	border-right: 1px #a9a9a9 solid;	
	border-bottom: 1px #a9a9a9 solid;	
	border-left: 1px #a9a9a9 solid;	
	padding: 3px;
	width: 180px;
}
.tw-login input[type=submit]
{
	background: url('../client/images/tw-login-btn.png') no-repeat;
	border: none;
	cursor: pointer;
	padding: 5px;
	width: 97px;
	height: 30px;
	color: #333;
}

/*
Accordion
*/

#accordion h3
{
	background: url('../client/images/accordion-inactive.gif') no-repeat;
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0;
}
#accordion h3.ui-state-active{background: url('../client/images/accordion-active.gif') no-repeat;}
	#accordion h3 a
	{
		color: #484848;
		text-decoration: none;
		display: block;
		padding: 7px 0 8px 7px;			
	}
	#accordion h3:active, #accordion h3:focus{outline: none;}
	#accordion h3 a:hover
	{
		color: #333;
		text-decoration: none;
		display: block;
		padding: 7px 0 8px 7px;				
	}


/*
	Sidebar news fix
*/

.sidebar .news .box-content
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #ccc solid;	
}
	.sidebar .news .box-content small
	{
		font-size: 11px;	
		color: #666;
	}
.sidebar .news h3
{
	margin-bottom: 15px;	
}

/*Resets*/

.circularHeading a:link, .circularHeading a:active, .circularHeading a:visited
{
	text-decoration: none;	
}
.circularHeading a:hover{text-decoration: none;}			
.circularHeading a:hover .helpText
{
	text-decoration: none;
}

/*Misc and client specific elements*/

a.circular-signup-link
{
	font-size: 11px; 
	border-top: 1px #ccc solid; 
	border-bottom: 1px #ccc solid; 
	padding: 10px 0; 
	display: block; 
	margin-bottom: 10px;
}

/* Newsletter signup */

.sidebar .tw-user .adminHeader {display: none;}
.sidebar .tw-user .adminContentInner{padding: 0; margin: 0;}
.sidebar .tw-user h2{display: none;}
.sidebar td, .sidebar th { padding: 0; }
.sidebar .tw-user 
{
	background: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	border: none;
	margin: 0;
	-webkit-box-shadow: 0px 0px 0px #eee;
	-moz-box-shadow: 0px 0px 0px #eee;
	color: #3E3E3E;	
	padding: 0;
	position:relative;
} 
.sidebar .tw-user .admin-table-form .input-text
{
	border-top: 1px #cbcbcb solid;
	border-left: 1px #cbcbcb solid;
	border-right: 1px #f3f3f3 solid;
	border-bottom: 1px #f3f3f3 solid;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	width: 130px;
	padding: 5px;
	background: #fff;
	color: #333;
}
.sidebar .tw-user .tw-errorMessage
{
	 
	overflow:hidden; 
	padding: 10px; 
	background: #dcb7b6;
	border: 1px solid #fff;
	margin-top: 10px;
	font-weight: normal;
}
.sidebar h1 { font-size: 20px; line-height: 24px; letter-spacing: normal; }
.sidebar .tw-user th, #ctl00_ctl00_cphMain_sysCtrlContact1_trLists, 
#ctl00_ctl00_cphMain_sysCtrlContact1_trCountry, 
#ctl00_ctl00_cphMain_sysCtrlContact1_trCompany, .sidebar td span, #ctl00_ctl00_cphMain_sysCtrlContact1_inFirstname, 
#ctl00_ctl00_cphMain_sysCtrlContact1_inCompany, #ctl00_ctl00_cphMain_sysCtrlContact1_inLastname  { display: none; }

.signup-disclaimer { font-size: 11px; font-style: italic; line-height: 15px; }
.sidebar .tw-user .tw-btn-ok 
{
	background: url('../client/images/btn-signup.jpg') no-repeat;
	width: 89px;
	height: 27px;
	padding: 0;
	border: none;
	cursor: pointer;
	color: #fff !important;
	font-weight: normal !important;
	text-shadow: 0 0 #fff;	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	font-size: 12px;
}

.call-us { position: absolute; right: 0; top: 47px; font-size: 20px; line-height: 22px; font-style: italic; color: #777; }
.function-icons{ width: 348px; }
.flags { right: 360px; }
.navigation { margin-top: 29px; }
.function-icons ul { margin: 0; padding: 0; list-style: none; }
.function-icons li { float: left; }
.function-icons .search-input { line-height: 24px; padding-left: 7px; width: 167px; height: 27px; font-size: 11px; background: url('../client/images/search-input.jpg') no-repeat; border: none; }
.function-icons .search-button { margin-left: -1px; text-indent: -9999px; height: 27px; width: 26px; background: url('../client/images/btn-search.jpg') no-repeat; cursor: pointer; border: none; }