
/* ------------------------------------------------
	global
-------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


body, html, form 	{ margin:0;
					  padding:0;
					  height:100%; }

body 	{ color: #737373;
		  font:11px "Lucida Grande", Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px;
		  background: url(../images/bg2.png);	}


p	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}

span	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}

div	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}

table, table p	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}

tr, tr p	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}

td, td p	{ font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}




h1	{ color:#007c96;
	  font:bold 20px "Lucida Grande", Arial, Verdana, sans-serif;
	  margin-bottom: 10px;	}

h2	{ color:#007c96;
	  font:bold 16px "Lucida Grande", Arial, Verdana, sans-serif;
	  margin-bottom: 5px; }

h3 	{ color:#007c96;
	  font:bold 12px "Lucida Grande", Arial, Verdana, sans-serif;	}

a 	{  color: #007c96;
	   text-decoration:underline;	}

img	{ border: 0px solid; 	}


#cont { min-height:100%;
	position:relative;
	background: url(../images/bg.png) repeat-x; }
	  

div#container	{ display:block;
				  width:835px;
				  height:auto;
				  margin:0px auto; 
				  position:relative; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	
	
	.form { clear:both;
			margin:20px 0px; }
	
	span.label { float:left;
				 display:block;
				 width:150px;
				 margin:0px 0px 2px 0px; }
					
	.formfield { float:left;
				 display:block;
				 width:250px;
				 margin:0px 0px 2px 0px;
				 padding:5px;
				 border:1px solid #ccc;
				 background:#fff;		}	
	.formbox { float:left;
			   display:block;
			   width:250px;
			   margin:0px 0px 2px 0px;
			   padding:5px;
			   border:1px solid #ccc;
			   background:#fff;		}	
					 

	.formbtn { color:#fff;
			   font-weight:bold;
			   padding:2px 10px;
			   border:none;
	       	   background:#007c96; }

					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:800px;
			  height:126px;
			  margin:0px 18px;
			  padding:0px; }
			  
 div#headerright	{ clear:both;}
		  
	div#info { float:right;
			   height:52px;
      		   margin:0px 2px;
      		   padding:0 0 0 19px;
      		   background:url('../images/infoleft.png') no-repeat left top; }
	
		div#info ul { display:block;
	      		      padding:10px 10px 30px 0px;
      			      text-decoration:none;
			 	      line-height:20px;
	      		      border:none;
      			      background:url('../images/inforight.png') no-repeat right top; }

			div#info li { float:left;
						  display:block;
						  padding:0px 10px 0px 0px;
						  color:#376975;
						  font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif;  }
		
				div#info a { display:block;
							 padding:0px 0px 0px 10px; 
							 text-decoration:none;
							 color:#376975;
				      	     font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif;
					     	 border-left:1px solid #c0c0c0; }

				div#info a:hover { color:#737373; }
				
	div#shopbtn { float:right;
	      	      display:block;	
				  width:99px;
				  height:42px;
				  margin:0px 0px 0px 10px;
      		      padding:5px 16px;
      		      background:url('../images/shopbtn.png') no-repeat left top; }

		div#shopbtn a { display:block;
			        padding:5px 0px 5px 30px; 
			        text-decoration:none;
			        color:#376975;
		      	        font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif;
			        background:url('../images/shopcart.png') no-repeat 0px 0px; }

			div#shopbtn a:hover { color:#737373;
			      		      background:url('../images/shopcart2.png') no-repeat 0px 0px;  }

	div#logomenu	{ clear:both;
			  display:block;
			  width:800px;
			  height:66px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px;}

	
		div#logo	{ float:left;
					  width:141px;
					  height:66px;
					  margin:0px;
					  padding:0px; }

/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ float:left;
				  width:659px;
				  height:20px;
				  margin:14px 0px 0px 0px;
				  padding:0px 0px 0px 0px; }

		div#menu ul { float:right;
					  margin:0px;
					  padding:0px;
					  list-style:none;  }


			div#menu li { float:left;
		      		      margin:0px 2px;
      				      padding:0 0 0 8px;
      				      background:url('../images/menuleft.png') no-repeat left top; }
		
				div#menu a { display:block;
		      			     padding:12px 8px 10px 0px;
      					     text-decoration:none;
							 line-height:20px;
							 text-transform:uppercase;
							 /*letter-spacing:-0.5px;*/
							 color:#007c96;
		      	  		     font:bold 10px "Lucida Grande", Arial, Verdana, sans-serif;
	      				     border:none;
		      			     background:url('../images/menuright.png') no-repeat right top; }
	
					div#menu a:hover { color:#007c96; }
	
					div#menu li.active a { color:#007c96; }
	
		#nav, #nav ul { z-index:10000; }

		 	 	  
	#nav li:hover {  }


		#nav li ul { clear:both;
					 position: absolute;
					 width:171px;
					 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
					 margin:26px 0px 0px -10px;
					 background:url('../images/menuululbg.png') repeat-y;  }

		div.ulultop { display:block;
					  width:171px;
					  height:26px;
					  margin:-26px 0px -10px 0px;
					  position:relative;
					  z-index:9000;
					  background:url('../images/menuulultop.png') no-repeat 0px 0px;  }

			#nav li ul li { float:none;
							clear:both;
							display:block;
							width:167px;
							height:auto;
							padding:0px 2px 0px 2px;
							text-align:left;
							border-left:0px solid #fcfdff;
							border-bottom:0px solid #fcfdff;
							background:none; }
							
			#nav li ul li.bottom { margin:-10px 0px 0px 0px;
								   padding:0px 10px 0px 0px; }

			div.ululbottom { float:left;display:block;
							 width:171px;
							 height:20px;
							 margin:0px 0px -10px 0px;
							 position:relative;
							 z-index:9002;
							 background:url('../images/menuululbottom.png') no-repeat 0px 0px;  }
				
			#nav li ul li:hover {  }
			
				#nav li ul li a { width:auto;
								  height:auto;
								  padding:5px 10px;
								  font-weight:normal;
								  text-align:left;
								  text-transform:uppercase;
								  letter-spacing:-0.5px;
								  position:relative;
								  z-index:9010;
								  color:#007c96;
								  font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif;
								  background:none; }
							
			#nav li ul li.active a { background:#cdcdcd; }
			#nav li ul li a:hover { background:#cdcdcd; }
			
				#nav li ul ul { margin: -15px 0px 0px 157px;
								width:171px;
								border:none;
								background:url('../images/menuululbg.png') repeat-y;  }
	
					#nav li ul ul li { background:none; }

				#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;; }

				#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }




	div.submenu	{ display:block;
				  width:230px;
				  margin:0px;
				  padding:0px 0px 110px 0px;
				  background: url(../images/submenubg.png) repeat-x; }
	
		div.submenu ul 	{ clear:both;
						  display:block;
						  list-style:disc;
						  zoom:1;
						  margin:0px;
						  padding:20px 30px; }

			div.submenu li 	{ margin:6px 0px;
							  padding:0px;
							  color:#007c96;
							  text-decoration:none;
							  font:bold 12px "Lucida Grande", Arial, Verdana, sans-serif; }

				div.submenu a 	{ color:#007c96;
								  text-decoration:none;
								  font:bold 12px "Lucida Grande", Arial, Verdana, sans-serif; }

				div.submenu li:hover	{ color:#737373; }
				div.submenu a:hover	{ color:#737373; }

				div.submenu li.active	{ color:#737373; }
				div.submenu li.active a	{ color:#737373; }

/* ------------------------------------------------
	main content
-------------------------------------------------*/


	div.starttop  { clear:both;
					display:block;
					width:800px;
					height:236px;
					margin:0px 18px;
					padding:0px;
					background: url(../images/starttopbg.png) no-repeat 0px 0px; }

		div.startleft { float:left;
				display:inline;
				width:300px;
				height:196px;
				margin:0px;
				padding:0px;}

		div.startright { float:left;
				 display:inline;
				 width:410px;
				 height:196px;
				 margin:0px;
				 padding:0px 45px; }
			
			div.startright blockquote { display: table;
						    height: 196px;
						   *display: block;
						   *position: relative; }			 
					
				div.startright blockquote span { display: table-cell;
								 vertical-align: middle;
								*display: block;
								*position: absolute;
								*left: 0px;
								*width: 100%;
								*top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
										   
					div.startright blockquote span span { display: inline;
									      vertical-align: baseline;
									      position: relative;
									      left: auto;
									      width: auto;
									      top:auto; }	
			div #container div.startright p { line-height:31px !important;
							  color:#386b77;
				      	  		  font:bold 20px "Lucida Grande", Arial, Verdana, sans-serif; }
	
			div #container div.startright p span.text2 { color:#7d9ca4;
		      	  		 	     		     font:bold 20px "Lucida Grande", Arial, Verdana, sans-serif; }	

	div.startbottom { display:block;
					  width:800px;
					  height:44px;
					  margin:0px 18px;
					  padding:0px 0px; }

		div.arrow { float:left;
			    display:block;
			    width:44px;
			    height:44px;
			    margin:0px;
			    padding:0px 0px; }

		div.headings { float:left;
			       display:block;
			       width:756px;
			       height:44px;
			       margin:0px;
			       padding:0px 0px; }


	div#maincontent	{ width:800px;
					  display:block;
					  margin:0px 18px;
					  padding:0px 0px 0px 0px;
					  position:relative; }


		div.col1	{ float:left;
					  display:block;
					  width:280px;
					  margin:0px;
					  padding:12px 10px 12px 10px; }

			div.coltop	{ display:block;
						  height:145px;
						  margin:0px;
						  padding:0px;
						  position:relative;
						  border-bottom:1px solid #c0c0c0; }

				div.coltop p	{ line-height:17px !important; }

				div.coltop a	{ color:#737373;
								  text-decoration:none;
								  border-bottom:2px solid #d8d8d8; }

				div.coltop a:hover	{ border-bottom:2px solid #737373; }

			div.colbottom	{ display:block;
							  height:85px;
							  margin:0px;
							  padding:15px 0px;
							  position:relative;
							  border-bottom:1px solid #c0c0c0; }

				div.colbottom span.newsdate { color:#ccc;
							      font:bold 12px "Lucida Grande", Arial, Verdana, sans-serif !important; }

				div.colbottom h3 { display:inline;
						   padding:0px 5px 5px 0px; }

				div.colbottom .newsover h3 { color:#737373; }
				div.colbottom .newsover span.newsdate { color:#737373; }

				div.colbottom ul { list-style:none; }

				div.colbottom li { cursor:pointer;
								   padding:0px 0px 12px 0px;
								   font:bold 10px "Lucida Grande", Arial, Verdana, sans-serif !important; }
				div.colbottom li.last { padding:0px; }

				div.colbottom blockquote { color:#7d9ca4;
							   padding:0px 0px 15px 30px;
							   font:bold 14px "Lucida Grande", Arial, Verdana, sans-serif !important;
							   background: url(../images/quote.png) no-repeat 0px 0px; }


		div.col2	{ float:left;
				  display:block;
				  width:240px;
				  margin:0px;
				  padding:12px 10px; }

			div.col2 img	{ float:left;
					  display:block;
					  padding:0px 10px 0px 0px; }
			
			div.col2 div.colbottom p { padding:0px 0px 0px 30px; }

		div.col3	{ float:left;
					  display:block;
					  width:240px;
					  margin:0px;
					  padding:12px 0px;
					  position:relative; }

			div.col3puff	{ display:block;
							  width:204px;
							  height:84px;
							  margin:0px 0px 0px 0px;
							  padding:23px 15px 15px 15px;
							  position:relative;
							  background: url(../images/col3puffbg.png) no-repeat 0px 8px; }

				div.col3puffimg	{ position:absolute;
								  right:-5px;
								  bottom:4px;
								  display:block;
								  width:115px;
								  height:62px;
								  margin:0px;
								  padding:0px;
								  background: url(../images/kampanjimg.png) no-repeat 0px 0px; }


			div.col3puff h2	{ color:#fff; }
			div.col3puff p	{ color:#fff; }
			div.coltop div.col3puff a	{ color:#fff !important;
							  text-transform:none;	
							  font-weight:bold;
							  border-bottom: 1px solid #fff; }
							  
	div.col3 div.colbottom	{ height:115px;
							  margin:0px;
							  padding:0px; }

	div.btns	{ display:block;
				  width:240px;
				  height:85px;
				  margin:0px;
				  padding:15px 0px 15px 0px;
				  position:relative;
				  background: url(../images/btnsbg.png) no-repeat 0px 0px; }

	div.colbottom div.btns ul { margin:-5px 0px 0px 0px;
							    padding:0px; }

		div.colbottom div.btns li { display:block;
									width:240px;
									margin:0px 0px 7px 0px;
									padding:0px; }
			
			div.colbottom div.btns li a { display:block;
										  padding:0px 0px 0px 40px;
										  text-decoration:none;
										  color:#737373;
										  font-size:10px;	 }

			div.colbottom div.btns li a:hover h3 { color:#737373; }

			div.colbottom div.btns li.cart a { background: url(../images/cart.png) no-repeat 10px center; }
			div.colbottom div.btns li.cart a:hover { background: url(../images/cart2.png) no-repeat 10px center; }
			
			div.colbottom div.btns li.pad a { background: url(../images/pad.png) no-repeat 1px center; }
			div.colbottom div.btns li.pad a:hover { background: url(../images/pad2.png) no-repeat 1px center; }

			div.colbottom div.btns li.infooffert a { background: url(../images/infooffert.png) no-repeat 10px center; }
			div.colbottom div.btns li.infooffert a:hover { background: url(../images/infooffert2.png) no-repeat 10px center; }
			div.colbottom div.btns li.support { /*margin:0px;
												padding:0px; */
												position:relative;}
			div.colbottom div.btns li.support a { background: url(../images/support.png) no-repeat 10px center; }
			div.colbottom div.btns li.support a:hover { background: url(../images/support2.png) no-repeat 10px center; }


	div#supportdiv	{ position:absolute;
					  display:inline;
					  top:-2px;
					  width:240px;
					  margin:0px;
					  padding:7px 0px 10px 0px;
					  border-bottom:1px solid #c0c0c0;
					  background: #fff url(../images/supportbg.png) repeat-x; }

		div#supportdiv ul.supportlist	{ width:190px;
										  display:block;
										  margin:10px 0px; }

			div#supportdiv ul.supportlist	{ margin:0px 0px 0px 40px;
							  padding:0px; }
		
				div#supportdiv ul.supportlist li	{ width:180px;
													  margin:2px 0px;
													  padding:0px 0px 0px 10px;
													  background: url(../images/supportli.png) no-repeat 0px center;  }

				div#supportdiv ul.supportlist li a	{ margin:0px;
													  padding:0px 0px 0px 0px; 
													  font-weight:normal;
													  background:none; }
				div#supportdiv ul.supportlist li a:hover{ color:#007c96; }

		div.closesupport { float:right;
						   display:block;
						   margin:0px 5px 0px 0px; 
						   background:none; }

			div.closesupport a { text-decoration:none; 
								 background:none !important; }

/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div#mainpagecontent	{ width:800px;
						  display:block;
						  margin:0px 18px;
						  padding:0px 0px 10px 0px;
						  position:relative;
						  border-top:10px solid #fff;
						  background: url(../images/mainbg.png) repeat-y;}
	
	div.relimg	{ display:block;
				  width:780px;
				  height:208px;
				  margin:0px;
				  padding:0px 10px 0px 10px;
				  border-bottom:10px solid #fff; }

		div.relimg img	{ display:block;
						  width:780px;
						  height:208px;
						  margin:0px;
						  padding:0px; }

	div.pageleft	{ float:left;
					  display:block;
					  width:520px;
					  margin:0px;
					  padding:10px 20px 0px 20px;
					  line-height:15px !important; }

		div.pageleft p	{ line-height:15px !important;
				  font:11px "Lucida Grande", Arial, Verdana, sans-serif;	}


	div.pageright	{ float:left;
					  display:block;
					  width:230px;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  border-top:1px solid #c0c0c0;
					  background: url(../images/submenubg2.png); }

		div.pagerightbottomcont	{ clear:both;
								  display:block;
								  width:800px;
								  margin:0px;
								  padding:0px;}
								  
		div.pagerightbottom	{ float:right;
							  display:block;
							  width:230px;
							  height:90px;
							  margin:-90px 10px 0px 0px;
							  padding:0px;
							  position:relative;
							  z-index:4000;
					 		  border-top:1px solid #c0c0c0;
							  background: url(../images/submenubg2.png); }
	
			div.pagerightbottom ul	{ list-style:none;
									  display:block;
									  margin:0px;
									  padding:10px 20px;}

				div.pagerightbottom li	{ clear:both;margin:0px 0px 5px 0px;
										  padding:0px;
										  height:20px;}

					div.pagerightbottom a	{ display:block;
											  height:17px;
											  padding:3px 0px 0px 25px;
											  text-decoration:none; }
					div.pagerightbottom a:hover	{ color:#737373; }

					div.pagerightbottom li.print a		{ background: url(../images/printicon.png) no-repeat 0px 0px; }
					div.pagerightbottom li.print a:hover		{ background: url(../images/printicon2.png) no-repeat 0px 0px; }
					div.pagerightbottom li.tipsa a		{ background: url(../images/tipsa.png) no-repeat 0px 0px; }
					div.pagerightbottom li.tipsa a:hover		{ background: url(../images/tipsa2.png) no-repeat 0px 0px; }
					div.pagerightbottom li.intresse a	{ background: url(../images/intresse.png) no-repeat 0px 0px; }
					div.pagerightbottom li.intresse a:hover	{ background: url(../images/intresse2.png) no-repeat 0px 0px; }
		
		
		
		
/* ------------------------------------------------
	produkter
-------------------------------------------------*/

	div.prodheading	{ clear:both;
					  display:block;
					  width:780px;
					  height:32px;
					  margin:0px 10px;
					  padding:0px;
					  background:#1f8ca3; }
					  
		div.prodheading h2{ padding:7px 0px 0px 10px; }
		div.prodheading h2, div.prodheading h2 a {
							  color:#fff;
							  text-decoration: none;
							  font:bold 16px "Lucida Grande", Arial, Verdana, sans-serif; }
							  
		div.prod { clear:both;
				   display:block;
				   width: 518px;
				   border:1px solid #d7d1d1;
				   border-bottom:none; }

			div.prodimg { float:left;
						  display:block;
						  width: 155px;
						  height:128px;
						  margin:0px 10px 0px 0px;
						  padding:0; }
						  
				div.prodimg img { display:block;
								  padding:0px;
								  margin:0px 0 0 8px; }

			div.prodtext { float:left;
						   display:block;
						   width: 352px;
						   margin:0px;
						   padding:20px 0px; }
						  
		div.prodbottom { display:block;
					     width: 520px;
						 height:16px;
						 margin:0px 0px 5px 0px;
						 background: url(../images/prodbottom.png) no-repeat 0px 0px; }
						 

		div.prodbig  { clear:both;
					   display:block;
					   padding:20px 0px; }
						  
			div.prodimgbig  { float:left;
							  display:block;
							  width: 235px;
							  height:145px;
							  margin:0px 10px 0px 0px;
							  padding:0px; }
						  
				div.prodimgbig img  { display:block;
									  width: 235px;
									  margin:0px;
									  padding:0px; }

			div.prodtextbig  { float:left;
							   display:block;
							   width: 274px;
							   margin:0px;
							   padding:20px 0px; }		
			div.prodtextbig ul { margin:0px 0px 0px 16px; }		
			div.prodtextbig h2 { margin:0px 0px 10px 0px; }						 

		ul.rel { list-style:none; 
				 padding:0px 3px; }
		
			ul.rel li { float:left;
						display:block;
						width:140px;
						padding:10px 0px 10px 30px;
						font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif; }
			ul.rel li.pdf { background:  url(../images/pdf.png) no-repeat 0px center; }
			ul.rel li.film { background: url(../images/film.png) no-repeat 0px center; }
			ul.rel li.shop { background: url(../images/shop.png) no-repeat 0px center; }
			
	div.prodmenu	{ display:block;
					  width:190px;
					  margin:0px;
					  padding:15px 20px 110px 20px;
					  background: url(../images/submenubg.png) repeat-x; }
					  
		div.prodmenu h2	{ margin:0px 0px 10px 0px; }
		div.prodmenu h3, div.prodmenu h3 a { font:bold 11px "Lucida Grande", Arial, Verdana, sans-serif;color: rgb(0, 124, 150);}
	
		div.prodmenu ul 	{ list-style:none;
							  margin:0px;
							  padding:2px 0px; }

			div.prodmenu li 	{ width:170px;
								  margin:0px 0px 2px 0px;
								  padding:0px 0px 0px 14px;
								  color:#626262;
								  text-decoration:none;
								  font:11px "Lucida Grande", Arial, Verdana, sans-serif; }
								  
			div.prodmenu li.sub 	{ background: url(../images/sub.png) no-repeat 0px 2px; }
			div.prodmenu li.sub li 	{ background: none;}
			div.prodmenu li.sub li.sub 	{ background: url(../images/sub.png) no-repeat 0px 2px; }
			div.prodmenu li.sub li.sub li	{ background: none; }			
			div.prodmenu li.sub li.sub li.sub	{ background: url(../images/sub.png) no-repeat 0px 2px; }
			div.prodmenu li.sub li.sub li.sub li	{ background: none; }
			div.prodmenu li.sub li.sub li.sub li.sub{ background: url(../images/sub.png) no-repeat 0px 2px; }
			div.prodmenu li.sub li.sub li.sub li.sub li	{ background: none; }
			
			div.prodmenu li.minus 	{ background: url(../images/subminus.png) no-repeat 0px 2px; }
			div.prodmenu li.minus li 	{ background: none; }
			div.prodmenu li.minus li.minus	{ background: url(../images/subminus.png) no-repeat 0px 2px; }
			div.prodmenu li.minus li.minus li 	{ background: none; }
			div.prodmenu li.minus li.minus li.minus	{ background: url(../images/subminus.png) no-repeat 0px 2px; }
			div.prodmenu li.minus li.minus li.minus li 	{ background: none; }
			div.prodmenu li.minus li.minus li.minus li.minus { background: url(../images/subminus.png) no-repeat 0px 2px; }
			div.prodmenu li.minus li.minus li.minus li.minus li 	{ background: none; }
			div.prodmenu li.minus li.minus li.minus li.minus li.minus { background: url(../images/subminus.png) no-repeat 0px 2px; }

				div.prodmenu a 	{ color:#626262;
								  text-decoration:none;
								  font:11px "Lucida Grande", Arial, Verdana, sans-serif; }

				div.prodmenu li:hover	{ color: #007c96; }
				div.prodmenu a:hover	{ color: #007c96; }

				div.prodmenu li.active	{ color: #007c96; }
				div.prodmenu li.active a	{ color: #007c96; }		
				
				div.prodmenu li.active li	{ color:#626262; }
				div.prodmenu li.active li a	{ color:#626262; }
				
				div.prodmenu li.active li.active	{ color: #007c96; }
				div.prodmenu li.active li.active a	{ color: #007c96; }	
				
				div.prodmenu li.active li.active li	{ color: #626262; }
				div.prodmenu li.active li.active li a	{ color: #626262; }
				
				div.prodmenu li.active li.active li.active	{ color: #007c96; }
				div.prodmenu li.active li.active li.active a	{ color: #007c96; }
				
									  

/* ------------------------------------------------
	coda slider
-------------------------------------------------*/
#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 196px;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}


ul.navigation {
    clear:both;
    list-style: none;
    width:800px;
    height:44px;
    margin: 0;
    padding: 0px 0px 0px 0px;
}

ul.navigation li {
    float:left;
    display:block;
    margin: 0px;
    padding:0px;
}

ul.navigation a {
    padding: 0px;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display:none;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#buttonContainer .btn1 { float:left;
						 display:block;
						 width:44px;
						 height:44px;
						 border:none;
						 outline:none;
						 cursor:pointer;
						 background:url(../images/arrow.png) no-repeat 0px 0px; }
#buttonContainer .btn2 { float:left;
						 display:block;
						 width:256px;
						 height:44px;
						 border:none;
						 outline:none;
						 cursor:pointer;
						 background:url(../images/print.png) no-repeat 0px 0px; }
#buttonContainer .btn3 { float:left;
						 display:block;
						 width:260px;
						 height:44px;
						 border:none;
						 outline:none;
						 cursor:pointer;
						 background:url(../images/vision.png) no-repeat 0px 0px; }
#buttonContainer .btn4 { float:left;
						 display:block;
						 width:240px;
						 height:44px;
						 border:none;
						 outline:none;
						 cursor:pointer;
						 background:url(../images/it.png) no-repeat 0px 0px; }


/* ------------------------------------------------
	footer
-------------------------------------------------*/

  
	#footer { clear:both;
		  display:block;
		  width:800px;
		  margin:0px;
		  padding:27px 18px;
		  text-align:center;
		  background: url(../images/footerbg.png) no-repeat 0px 0px;	}

	
		#footer p { clear:both;
			    display:block;
			    margin:0px 0px 20px 0px;
			    padding:0px;
			    color:#bfbfbf }

			#footer a { text-decoration:none;
				    color:#bfbfbf; }


/* ------------------------------------------------
	misc
-------------------------------------------------*/

.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 */

/* for understanding browsers */
.hojd {
	min-height:400px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 400px;
}

/* for understanding browsers */
.mainhojd {
	min-height:150px; 
	height:auto;
}
/* for Internet Explorer */

* html .mainhojd {
	height: 150px;
}



/* for understanding browsers */
.submenuhojd {
	min-height:215px; 
	height:auto;
}
/* for Internet Explorer */

* html .submenuhojd {
	height: 215px;
}


