* {margin:0;padding:0;} 

.clear {clear:both;}

a {
	color: #232D72;
	outline:none
}

a:visited, a:active {
	color: #232D72;
}

a:hover {
	color: #232D72;
	text-decoration: none;
}

img {
	border: none;
}

body {
	background-color:#383838;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
}

#wrap {
	height: 100%;
	width:1000px;
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
}

html, body, #wrap {
	height: 100%;
}

/*stickyfooter start*/
body > #wrap {height: auto; min-height: 100%;} 

#main {
	clear:both;
	padding-bottom:60px;
}  /* must be same height as the footer */

#wrap  #main  #container {
	background: #FFFFFF;
	text-align:justify;
	padding: 60px 0px 20px 0px;
}

#footer {
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	width:1000px;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	background: #383838;
} 

#footer a {
	color:#FFFFFF;
} 

#footer a:hover {
	color:#CCCCCC;
} 


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
/*stickyfooter end*/

#header {
	background: #FFFFFF;
}

#logo #sitename {
	font-size: 24px;
	color: #0055B9;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#headercontent h2 {
	font-size: 1.3em; /* was18px */
	color: #5B920A;
}

#wrap #header #logo .description {
	display: block;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
}

#wrap #header #headercontent p {
	color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

#wrap #header #logo {
	width: 280px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#wrap #header #headercontent {
	width: 520px;
	float: right;
	padding-right: 60px;
	padding-top: 20px;
	height: 80px;
	background-position: center;
}

#wrap #header #headerportal {
	width: 250px;
	float: right;
	font-size: 14px;
	font-style: normal;
	color: #48596F;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#pagetopbanner {
	padding-left:10px;
	padding-right: 10px;
}
	
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	background: #222;
	font-size: 1.3em;
	background: url(../Images/menuhover.gif) repeat-x;
}

ul.topnav li {
	float: left;
	padding: 0 1.7em 0 1.7em;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding: 10px 5px 10px 10px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

/*ul.topnav li a:hover{
	background: url(../Old/menuactive.gif) no-repeat center top;
}*/

ul.topnav li span { /*--Drop down trigger styles. Top menu icon--*/
	width: 13px;
	height: 35px;
	float: left;
	padding-top:0.3em;
	background: url(../Images/nav/bulletdown.gif) no-repeat center center;
}

ul.topnav li span.subhover {background-position: center center; cursor: pointer;} /*--Hover effect for trigger. Icon shift if any ....--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 40px;
	background: #333;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	/*	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left: 10px;
	-webkit-border-bottom-left: 10px;*/
	border: 1px solid #111;
	text-align: left;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 135px;
	background: #333 url(../Images/nav/bulletright.gif) no-repeat 10px center;
	padding-left: 30px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../Images/nav/bulletright.gif) no-repeat 10px center;
}

#homeleft {
	width:50%;
	float:left;
	border-right: thin solid #C7C7CB;
	text-align: justify;
	padding-left: 10px;
	padding-right: 15px;
}

#homeright {
	width: 45%;
	float: right;
}

#page_right_image_holder {
	background: #f6f6f6;
	border: #dedede solid 1px;
	float: right;
	margin-bottom: 1em;
	margin-left: 3em;
	max-width: 320px;
	padding: 10px 20px;
	text-align: center;
}

#page_right_image_holder img {
	border: 1px solid #B0B0B0;
	padding: 5px;
}

#roundedbox_full {
	float:left;
	/*position: relative;*/
	/*margin-right: -10px;*/
	/*margin-left: -25px;*/
	/*margin-top: 2px;*/
	padding: 0;
	text-align: center;
	width:100%;				/* <-- use this to tie width to viewport size */
	/*max-width: 320px;				/* <-- use this for a set width */
	background-color: #eeeeee;
}

#roundedbox_left {
	float:left;
	margin-top: 2px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	width:100%;				/* <-- use this to tie width to viewport size */
	/*max-width: 320px;				/* <-- use this for a set width */
	background-color: #eeeeee;
	;
}

#roundedbox_right {
	float:right;
	/*position: relative;*/
	margin-left: 25px;
	margin-right: -8px;
	margin-top: 2px;
	padding: 0;
	text-align: center;
	width:32%;				/* <-- use this to tie width to viewport size */
	/*max-width: 320px;				/* <-- use this for a set width */
	background-color: #eeeeee;
	;
}

#rndcontent {
	padding:1.5em 2em 1em;
}

#rndcontent h1	{
	color:#666666;
	font-weight: normal;
	font-size: 1.4em;
	font-family: helvetica, geneva, arial, sans-serif;
	line-height: 1.5em;
	padding-bottom:10px;
	font-style: italic;
	text-decoration: underline;
	}

#rndcontent h1 a {
	color:#0354c2;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica, geneva, arial, sans-serif;
	line-height: 1.5em;
	padding-bottom:10px;
	text-decoration: underline;
}

#rndcontent h1 a:hover {
	color:#0354c2;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica, geneva, arial, sans-serif;
	line-height: 1.5em;
	padding-bottom:10px;
	text-decoration: none;
}
	
#rndcontent h2 {
	color:#666666;
	font-weight: normal;
	font-size: 1.3em; /*was 1.1em*/
	font-family: helvetica, geneva, arial, sans-serif;
	line-height: 1.5em;
	font-style: italic;
	text-decoration: none;
}

#rndcontent li
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	/*text-indent: 10%;*/
	}
		
#rndcontent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}

#rndcontent img	{
	margin-bottom:8px;
	border: 1px solid #B0B0B0;
	margin-top: 5px;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc { zoom: 1 }

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../Images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../Images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../Images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../Images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../Images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../Images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../Images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../Images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", halvetica, Verdana, sans-serif;
	color:#003399;
	padding:3px 0 8px 0;
	width: auto;
}

h1 {
	font-size: 1.45em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

/*#main h1 {
	color:#003399;
	padding:3px 0 8px 0;
	width: auto;
}

#main h2 {
	color:#003399;
	padding:3px 0 8px 0;
	width: auto;
}*/

.green {
	color: #FA9244;
}

.ticklist {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-weight: bold;
}

.tick {
	background-image:url(../Images/nav/tick.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 2em;
	margin: .5em 0;
}

.indent {
	text-indent: 15px;
}	

.pdflist {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.pdf {
	background-image:url(../Images/pdf_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 3em;
	margin: .5em 0;
	text-align: left;
	line-height: 3em;
}

/*ul.list-4by4 {
    margin: 0 0 0 -9px ;
    width: 974px;
}*/
.list-5by5 {
	margin:0;
	padding:0;
	height:auto;
}

.list-5by5 li {
	background: #f6f6f6;
	border: #dedede solid 1px;
	float: left;
	height:60;
	width:136px;
	margin: 0 0 10px 13px;
	overflow: hidden;
	padding: 10px;
	display:inline;
	text-align:center;
}

.list-5by5 h2 {	
	font-size:1.3em; /*was 16px*/
	text-decoration:none;
	color:#004080
}

.list-4row li {
	background: #f6f6f6;
	border: #dedede solid 1px;
	float: left;
	height:60;
	width:164px;
	margin: 0 0 15px 35px;
	overflow: hidden;
	padding: 10px;
	display:inline;
	text-align:center;
}

.list-4row h2 {	
	font-size:1.3em; /*was 16px*/
	text-decoration:none;
	color:#004080
}



.list-4by4 li {
	background: #f6f6f6;
	border: #dedede solid 1px;
	float: left;
	font-size: 11px;
	height: 130px;
	margin: 0 0 15px 10px;
	overflow: hidden;
	padding: 10px 20px;
	width: 164px;
	_display: inline;
}

.list-4by4 h4 {
    font-size: 1.2em; /*was 12px*/
	/*color: #000;*/
    text-align: center;
}

.list-4by4 img {
    border: 1px solid #dedede;
    display: block;
    margin: 0 0 10px;
	text-align: center;
}

#pageright25wide {
	width:25%;
	float:right;
	border: thin solid #C7C7CB;
	padding: 10px 20px 10px 20px;
	margin-left: 30px;
	background: #EEEEEE;
}
#homeright h2 {
	color: #5B920A;
	font-weight: normal;
	font-size: 1.25em; /*was 1.3em*/
	padding-top: 5px;
	padding-bottom: 8px;
}
#main  p {
	line-height: 16px;
	padding-bottom: 1.3em;
}
#twocolmid {
	padding: 0px 130px;
	height: auto;
}
#homeright .column1 {
	width: 30%;
	float: left;
	padding-right: 5px;
}
#homeright .column3 {
	float: left;
	width: 31%;
	padding-left: 12px;
}
#homeright .column2 {
	float: left;
	width: 31%;
	padding-right: 5px;
	padding-left: 5px;
}
#homeright40 .singlecolumn {
	width: 100%;
	float: left;
}


#wrap /*#footer {
	background: #CCCFA7 no-repeat;
	height: 45px;
	text-align: center;
	border-top-color: #C1C1C1;
	border-top-width: medium;
	border-top-style: double;
	padding-top: 15px;
	color: #F0F0F0;
	text-decoration: underline;
}*/
#mainmenu ul {
	list-style:none;
	border-top-color: #EEEEEF;
	border-top-width: thin;
}
#submenu a:visited {
/*	background: url(images/submenudevider.png) no-repeat left;
*/	display: block;
	float: left;
	height: 16px;
/*	padding-bottom: 2px;
*/	padding-right: 15px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
#submenu a:active {
/*	background: url(images/submenudevider.png) no-repeat left;
*/	display: block;
	float: left;
	height: 16px;
/*	padding-bottom: 2px;
*/	padding-right: 15px;
	padding-left: 15px;
	color: #999999;
	text-decoration: none;
}
#submenu a:hover {
	float: left;
	height: 16px;
	/*	padding-bottom: 5px;
*/	padding-right: 15px;
	padding-left: 15px;
	color: #CCCCCC;
	text-decoration: none;
}


#mainmenu .first a:visited, #mainmenu .first a:active {

	background: none;
}
#productlist {
	list-style: none;
	padding: 0;
}
#productlist li {
	display: block;
	padding: 10px 3px 10px 30px;
	height: 80%;
}
.productimage {
	float: left;
}
.post .date {
	font-size: 10px;
}
.post h2 {
	font-size: was 14px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 15px;
}
.post {
	padding: 5px;
	padding-bottom: 15px;
}
#sidebar1 {
	float: left;
	width: 45%;
	padding-left: 15px;
}
#sidebar2 {
	float: right;
	width: 45%;
}
#homeright  ul {
	list-style: none;
}
#homeright li {
	display: block;
	border-bottom: 1px solid #eee;
	height: 18px;
}
#homeright li a {
	display: block;
	height: 15px;
	padding-top: 2px;
	color: #999999;
	text-decoration: none;
	/*background: url(../Images/orangebullet.png) no-repeat 0px 3px;*/
	padding-left: 15px;
}
#slidebar1 {
	float: center;
	width: 80%;
}
.form {
	margin:10px 35px 10px 35px;
}
.form .text {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:300px;
	padding:5px;
	font-size:12px;
	color:#000000;
}
.form .password {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:250px;
	padding:5px;
	font-size:14px;
	color:#000000;
}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button {
	display:block;
	border:1px solid #666666;
	background:#efefef;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover {
	display:block;
	border:1px solid #666666;
	background: #ffffff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
#content {
	float:left;
	padding-left:40px;
	padding-right: 40px;
	width: 920px;
}
#content .column1 {
	float: left;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}
#content .column2 {
	float: left;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}
#content .column3 {
	float: left;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}
#content .column4 {
	float: left;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}
#content .column5 {
	float: left;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
}
#content .split1 {
	width: 306px;
	float: left;
	padding-left: 1px;
}
#content .split2 {
	float: left;
	width: 306px;
}
#content .split3 {
	float: left;
	width: 306px;
}
.twoCol{
	float:left;
	width:50%;
	height:auto;
}
.onecol {
	height: auto;
	width: auto;
}


.twoColEnd{
	width:330px;
	float: left;
}
#rightdisplay {
	width: auto;
}
#displayright {
	margin-left:650px;
	border-top-color: #004080;
	border-right-color: #004080;
	border-bottom-color: #004080;
	border-left-color: #004080;
	border-color: #004080;
}
#productleft {
	width:600px;
	float:left;
	border-left-style: none;
}
#sidebarfull {
	width: 400px;
}
#subflashfull {
	text-align:center;
	padding-bottom: 1.5em;
}
#subflashfullleft {
	width:800px;
	margin-left: 58px;
}
#subflashfullcenter {
	width:800px;
	margin-left: 58px;
}
#subflashfullright {
	width:800px;
	margin-left: 58px;
}
.message {
	background: #FFFF99 center center;
}

.df_question{	
	width:430px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:16px;	
	overflow:hidden;
	cursor:pointer;
}
.df_answer{	
	width:580px;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.df_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../Images/nav/bulletright.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/nav/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/nav/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
</style>
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, November 2005

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

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

var df_slideSpeed = 10;	// Higher value = faster
var df_timer = 10;	// Lower value = faster

var objectIdToSlideDown = false;
var df_activeId = false;
var df_slideInProgress = false;
function showHideContent(e,inputId)
{
	if(df_slideInProgress)return;
	df_slideInProgress = true;
	if(!inputId)inputId = this.id;
	inputId = inputId + '';
	var numericId = inputId.replace(/[^0-9]/g,'');
	var answerDiv = document.getElementById('df_a' + numericId);

	objectIdToSlideDown = false;
	
	if(!answerDiv.style.display || answerDiv.style.display=='none'){		
		if(df_activeId &&  df_activeId!=numericId){			
			objectIdToSlideDown = numericId;
			slideContent(df_activeId,(df_slideSpeed*-1));
		}else{
			
			answerDiv.style.display='block';
			answerDiv.style.visibility = 'visible';
			
			slideContent(numericId,df_slideSpeed);
		}
	}else{
		slideContent(numericId,(df_slideSpeed*-1));
		df_activeId = false;
	}	
}

function slideContent(inputId,direction)
{
	
	var obj =document.getElementById('df_a' + inputId);
	var contentObj = document.getElementById('df_ac' + inputId);
	height = obj.clientHeight;
	if(height==0)height = obj.offsetHeight;
	height = height + direction;
	rerunFunction = true;
	if(height>contentObj.offsetHeight){
		height = contentObj.offsetHeight;
		rerunFunction = false;
	}
	if(height<=1){
		height = 1;
		rerunFunction = false;
	}

	obj.style.height = height + 'px';
	var topPos = height - contentObj.offsetHeight;
	if(topPos>0)topPos=0;
	contentObj.style.top = topPos + 'px';
	if(rerunFunction){
		setTimeout('slideContent(' + inputId + ',' + direction + ')',df_timer);
	}else{
		if(height<=1){
			obj.style.display='none'; 
			if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
				document.getElementById('df_a' + objectIdToSlideDown).style.display='block';
				document.getElementById('df_a' + objectIdToSlideDown).style.visibility='visible';
				slideContent(objectIdToSlideDown,df_slideSpeed);				
			}else{
				df_slideInProgress = false;
			}
		}else{
			df_activeId = inputId;
			df_slideInProgress = false;
		}
	}
}



function initShowHideDivs()
{
	var divs = document.getElementsByTagName('DIV');
	var divCounter = 1;
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='df_question'){
			divs[no].onclick = showHideContent;
			divs[no].id = 'df_q'+divCounter;
			var answer = divs[no].nextSibling;
			while(answer && answer.tagName!='DIV'){
				answer = answer.nextSibling;
			}
			answer.id = 'df_a'+divCounter;	
			contentDiv = answer.getElementsByTagName('DIV')[0];
			contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 	
			contentDiv.className='df_answer_content';
			contentDiv.id = 'df_ac' + divCounter;
			answer.style.display='none';
			answer.style.height='1px';
			divCounter++;
		}		
	}	
}
window.onload = initShowHideDivs;
</script>