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


html, body, form { margin:0px;
	   	   padding:0px;
		   height:100%; } 

html.start	{ background: url(../images/bg2.png) !important;	 }

body 	{ min-height:100%;
	  margin:0px;
	  padding:0px;
	  color:#363636;
	  font:13px/20px arial, verdana, sans-serif;
	  background: url(../images/bg.png) repeat-x; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:13px/20px arial, verdana, sans-serif;	}



h1	{ color:#000;
	  font:30px/30px  georgia, "times new roman", times, serif;
	  margin-bottom: 10px;	}
	h1 span	{ color:#000;
		  font:30px/30px  georgia, "times new roman", times, serif;	}

h2	{ color:#106ea7;
	  font:18px/26px georgia, "times new roman", times, serif;
	  margin-bottom: 10px;}
	h2 span	{ color:#106ea7;
		  font:18px/26px georgia, "times new roman", times, serif; }

h3	{ color:#106ea7;
	  font:16px/26px georgia, "times new roman", times, serif;	}
	h3 span	{ color:#106ea7;
		  font:16px/26px georgia, "times new roman", times, serif;	}
h4	{ color:#106ea7;
	  font:bold 13px/20px arial, verdana, sans-serif;	}
	h4 span	{ color:#106ea7;
		  font: bold 13px/20px arial, verdana, sans-serif;	}


a 	{ color:#106ea7;
	  text-decoration:underline; }

a:hover 	{ text-decoration:underline; }


img	{ border: 0px solid; 	}

.cufon-loading { visibility: hidden !important; }

ul, ol { margin:0px 0px 0px 20px; }

div#container	{ display:block;
		  width:100%;
		  margin:0px auto;
		  padding:0px; }
div#newscontainer	{ display:block;
					  width:550px;
					  margin:20px;
					  padding:0px; }
					  
					div#newscontainer blockquote { display: table;
												 width:550px;
												 height: 350px;
												*display: block;
												*position: relative; }			 
						
	 					div#newscontainer 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#newscontainer blockquote span span { display: inline;
																   vertical-align: baseline;
																   position: relative;
																   left: auto;
																   width: auto;
																   top:auto; }									   


div#container ul, div#container ol { margin:0px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/



	div#header	{ width:997px;
				  height:134px;
				  margin:0px auto;
				  padding:0px 0px 0px 0px;
				  background: url(../images/headerbg.png) no-repeat center 38px; }
			  

		div#tipsaprint	{ display:block;
						  width:997px;
						  height:38px;
						  margin:0px; 
						  padding:0px; }

			div#tipsaprint ul { float:right;
								margin:0px;
								padding:0px;
								list-style:none; }
	
			div#tipsaprint li { float:left;
								display:block;
								margin:0px;
								padding:0px; }

				div#tipsaprint a { float:left;
								   display:block;
								   margin:0px;
								   padding:12px 14px 10px 16px;
								   text-decoration:none;
								   color:#818181;
								   font: 11px georgia, "times new roman", times, serif; }

				div#tipsaprint a:hover { color:#dfdfdf; }		

				div#tipsaprint li.tipsa a { background: url(../images/tipsa.gif) no-repeat 0px center; }
				div#tipsaprint li.tipsa a:hover { background: url(../images/tipsa2.gif) no-repeat 0px center; }
				div#tipsaprint li.print a { background: url(../images/print.gif) no-repeat 0px center; }
				div#tipsaprint li.print a:hover { background: url(../images/print2.gif) no-repeat 0px center; }
				div#tipsaprint li.sitemap a { background: url(../images/sitemap.gif) no-repeat 0px center; }
				div#tipsaprint li.sitemap a:hover { background: url(../images/sitemap2.gif) no-repeat 0px center; }

		div#logo	{ float:left;
					  display:block;
					  width:176px;
					  height:96px;
					  margin:0px;
					  padding:0px; }

			div#logo a	{ display:block;
						  width:176px;
						  height:96px;
						  margin:0px;
						  padding:0px; 
						  background: url(../images/logo.png) no-repeat 0px 0px; }
				div#logo a:hover	{ background: url(../images/logo2.png) no-repeat 0px 0px; }

/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ float:left;
			  display:block;
			  width:821px;
			  height:96px;
			  margin:0px; 
			  padding:0px;
 			  position:relative; }
 
		div#menu ul	{ float:right;
				  margin:0 0px; }
 
			div#menu ul li	{ float:left;
					  display:inline;
					  text-align:center;
					  margin:0px -1px 0px 0px;
					  background: transparent url(../images/menudivider.gif) no-repeat 0px 46px; }
 
				div#menu ul li a	{ display:block;
							  padding:60px 15px 18px 15px;
    	  						  text-decoration:none;
							  text-transform:uppercase;
							  color:#fff;
							  font: 16px georgia, "times new roman", times, serif;position:relative;z-index:100; }

				div#menu ul li.current a	{ color:#0d527c; }
				div#menu ul li.current a.active	{ color:#0d527c; }
				div#menu ul li a.active	{ color:#0d527c; }

			li#sep	{ position:absolute;
				  width:auto;
				  height:96px;
				  z-index:50; 
				  background: transparent url(../images/menuactiveright.png) repeat-x right top !important; }

				div#sepleft	{ float:left;
						  display:block;
						  width:1px;
						  height:96px;
						  background: transparent url(../images/menuactiveleft.png) repeat-x 0px top; }

				div#menu ul li a.active	{ text-decoration: none;
							  color: #fff; }




		div#login { float:right;
    	  		    display:block;
			    width:160px;
			    margin:-59px 0px 0px 0px;
			    padding:0px 0px 0px 10px; }

			div#login ul { clear:both;
				       display:block;
				       list-style:none;
				       margin:0px;
				       padding:0px; }

				div#login li { float:left;
					       padding:0px 2px 10px 2px;
					       color:#969696;
					       font: 12px georgia, "times new roman", times, serif;}
	
					div#login li a { font: 12px georgia, "times new roman", times, serif;}

			div#what { display:block;
				   width:987px;
				   text-align:center;  }

				div#what p { display:inline;
					     margin:0px;
					     padding:0px;
					     color:#632c63;
					     font:16px Copperplate, serif;  }

				div#what select { width:158px; }

		div.hem	{ float:left;
			  display:block;
			  width:92px;
			  margin:0px;
			  padding:20px 0px 20px 28px; }

			div.hem a { display:block;
				    width:92px;
				    height:24px;
				    padding:7px 0px 0px 0px;
				    text-decoration:none;
				    text-transform:uppercase;
				    text-align:center;
				    color:#959595;
		      	  	    font: 12px/16px Arial, Verdana, sans-serif;
			   	    background:url(../images/hem.png) no-repeat 0px 0px; }

		div.submenu	{ display:block;
					  width:298px;
					  margin:0px;
					  padding:20px 0px 20px 0px; }

			div.submenu ul { display:block;
							 width:298px;
					  		 margin:0px;
							 padding:0px;
							 list-style:none;  }


				div.submenu li { display:block;
				  				 width:298px;
								 margin:0px 0px 0px 0px;
      					         padding:0px 0px; }

					div.submenu a { display:block;
									width:278px;
									padding:0px 0px 0px 20px;
						   		    text-decoration:none;
				      	  	        color:#000;
									font:bold 15px/34px Arial, Verdana, sans-serif;
									background:url(../images/rellink.png) no-repeat 0px center; }

					
					div.submenu li.active a { color:#898989;	
								  background:url(../images/rellink2.png) no-repeat 0px center; }
					div.submenu a:hover { color:#106ea8; }
								

/* ------------------------------------------------
	start
-------------------------------------------------*/

	
/* ------------------------------------------------
	main content
-------------------------------------------------*/

	div.main	{ clear:both;
				  display:block;
				  width:auto;
				  margin:0px;
				  padding:0px;  }

	div.mainstart	{ clear:both;
					  display:block;
					  width:auto;
					  height:417px;
					  margin:0px;
					  padding:35px 0px; 
					  background: #fff url(../images/startbg.png) no-repeat center 0px;  }

		div.slides	{ clear:both;
					  display:block;
					  width:982px;
					  height:399px;
					  margin:0px auto;
					  padding:8px; 
					  position:relative;
					  background: #111;  }

			#slideshow { float:left;
						 display:inline;
						 width:655px;
						 height:332px; }
						 
				#slideshow img { display:none;
								 width:655px;
								 height:332px; }



				#nav { float:left;b
				       display:inline;
				       width: 326px; 
				       height:333px;	
				       margin: 0px;
				       padding:0px;
				       overflow:hidden; }

					#nav ul { display:inline;
					          width: 326px; 
					          height:333px;	
					          margin: 0px;
					          padding:0px;
					          overflow:hidden; }

					#nav li { float: left;
							  display:inline;
							  width: 155px;
							  margin: 0px 0px 8px 8px;
							  list-style: none }

						#nav a { width: 155px; 
								 padding: 0px;
								 display: block;
							 	 width: 155px;
								 height:106px;
								 cursor:pointer;
								 position:relative;
								/*border: 1px solid #ccc;*/ }

					#nav div.relimgoverbg	{ position:absolute;	
											  top:0px;	
											  left:0px;
											  display:block;
											  width:157px;
											  height:106px;
											  margin:0px; 
											  padding:0px;
											  z-index:500;
											  background:none; }

							#nav a:hover div.relimgoverbg {background: url(../images/imgover.png) no-repeat 0px 0px; }

						#nav a.activeSlide { /*background: #88f*/ }
						#nav a:focus { outline: none; }
						#nav img { position:absolute;top:0px;left:0px;z-index:200;display:block;border:none;}

				div#caption	 { float:left;
					           width: 655px;
					           height:73px;	
					           margin: 0px;
							   padding:0px;
							   color:#fff;
							   font:13px/21px arial, verdana, sans-serif;  }

					div#caption blockquote { display: table;
											 width:655px;
											 height: 73px;
											*display: block;
											*position: relative; }			 
						
	 					div#caption 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#caption blockquote span span { display: inline;
															   vertical-align: baseline;
															   position: relative;
															   left: auto;
															   width: auto;
															   top:auto; }									   

					div#caption p	 { padding:0px 22px;
									   color:#fff;
									   font:13px/21px arial, verdana, sans-serif;  }

					span.case	{ position:absolute;
								  top:8px;
								  left:8px;
								  z-index:400;
								  margin: 0px;
								  padding:5px 10px;
								  text-decoration:none;
								  color:#fff;
								  font:14px arial, verdana, sans-serif; 
								  background: #111; }

				div#controls	 { float:right;
								   width: 72px; 
								   height:58px;	
								   margin: 0px;
								   padding:0px;
								   color:#fff;
								   font:13px/21px arial, verdana, sans-serif;  }
								   
				div#countDisplay	 { float:left;
									   width: 20px; 
									   height:58px;	
									   margin:25px 0px 0px 230px;
									   padding:0px;
									   color:#fff;
									   font:bold 16px/26px arial, verdana, sans-serif;  }

					a.prevbtn	 { float:left;
								   display:inline;
								   width: 19px; 
								   height:39px;	
								   margin: 18px 10px 0px 16px;
								   padding:0px;
								   color:#fff;
								   font:13px/21px arial, verdana, sans-serif;
								   background: url(../images/prev.png) no-repeat center 0px;   }

						a:hover.prevbtn	 { background: url(../images/prevover.png) no-repeat center 0px;   }

					a.nextbtn	 { float:left;
								   display:inline;
								   width: 19px; 
								   height:39px;	
								   margin: 18px 0px 0px 0px;
								   padding:0px;
								   color:#fff;
								   font:13px/21px arial, verdana, sans-serif;
								   background: url(../images/next.png) no-repeat center 0px;   }

						a:hover.nextbtn	 { background: url(../images/nextover.png) no-repeat center 0px;   }
 
	div.graybgtop	{ clear:both;
			  display:block;
			  width:auto;
			  height:16px;
			  margin:0px;
			  padding:0px 0px 0px 0px; 
			  background: url(../images/graybgtop.png) repeat-x;  }

	div.puffar	{ clear:both;
				  display:block;
				  width:auto;
				  height:220px;
				  margin:0px;
				  padding:22px 0px 0px 0px; 
				  background: url(../images/bg2.png);  }

		div.puffar2	{ clear:both;
					  display:block;
					  width:auto;
					  height:220px;
					  margin:0px;
					  padding:22px 0px 0px 0px; 
					  background: url(../images/puffarbg.png) no-repeat center 0px;  }
	
	
				div.puffarcenter	{ clear:both;
									  display:block;
									  width:996px;
									  margin:0px auto;
									  padding:0px;  }
	
		
		
				div.puff	{ float:left;
							  width:291px; 
							  height:113px;	
							  margin: 0px 0px 0px -1px;
							  padding:30px 30px 30px 20px; 
							  position:relative;
							  cursor:pointer;
							  background: url(../images/puffbg.png) no-repeat 0px 0px; }
					div.puff a { text-decoration:none; }	
							  
					.puffover	{ background: url(../images/puff3bg.png) no-repeat 0px 0px !important; }
		
			
					a.pufflink	{ position:absolute;
								  right:0px;
								  bottom:0px;
								  margin: 0px;
								  padding:5px 10px;
								  text-decoration:none;
								  color:#fff;
								  font:14px arial, verdana, sans-serif; 
								  background: #000; }
	
	
				div.puff2	{ float:left;
							  width:270px; 
							  height:113px;	
							  margin: 0px;
							  padding:30px; 
							  position:relative;
							  cursor:pointer;
							  background: url(../images/puff2bg.png) no-repeat 0px 0px; }
					div.puff2 a { text-decoration:none; }	
	
				div.puff3	{ float:left;
							  width:185px; 
							  height:173px;	
							  margin: 0px;
							  padding:0px 110px 0px 30px; 
							  position:relative;
							  cursor:pointer;
							  background: url(../images/puff3bg.png) no-repeat 0px 0px; }

					div.aktuellt	{ position:absolute;
									  top:-7px;
									  right:-10px;
									  width:55px; 
									  height:118px;	
									  margin: 0px;
									  padding:5px 10px;
									  text-decoration:none;
									  color:#fff;
									  font:14px arial, verdana, sans-serif; 
									  background: url(../images/aktuellt.png) no-repeat 0px 0px; }


					/*div.puff3 blockquote { display: table;
							       height: 173px;
							      *display: block;
							      *position: relative; }			 
							
		 				div.puff3 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.puff3  blockquote span span { display: inline;
											  vertical-align: baseline;
											  position: relative;
											  left: auto;
											  width: auto;
											  top:auto; }	*/
					div.puff3 a { display: table;
							       height: 173px;
								   text-decoration:none;
							      *display: block;
							      *position: relative; }	
					div.puff3 a p { text-decoration:none; }			 
							
		 				div.puff3 a span { display: table-cell;
									   	   vertical-align: middle;
										   text-decoration:none;
										   *display: block;
										   *position: absolute;
										   *left: 0px;
										   *width: 100%;
										   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
							div.puff3  a span span { display: inline;
											  vertical-align: baseline;
											  position: relative;
											  left: auto;
											  width: auto;
											  top:auto; }	

				div.puff3 h2 { color:#000;}		

				div.pufftext p { color:#555;
								 font:12px/20px arial, verdana, sans-serif; }	
				div.pufftext a:hover { text-decoration:none; }	

				div.pufftext img { float:left;
						   padding:0px 10px 0px 0px; }	


				.puffover a.pufflink	{ background: #106ea7; }
				.puffover h2	{ color:#106ea7 !important; }
				.puffover p	{ color:#106ea7 !important; }
			
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div.mainbg	{ clear:both;
			  display:block;
			  width:auto;
			  margin:0px;
			  padding:35px 0px; 
			  background: #fff url(../images/mainbg.png) no-repeat center 0px;  }

	div.mainpage	{ clear:both;
			  display:block;
			  width:997px;
			  margin:0px auto;
			  padding:8px; 
			  position:relative;  }

		div.left	{ float:left;
					  display:inline;
					  width:570px;
					  margin:0px 41px 0px 48px; 
					  padding:0px; }
				
				div.productsright ul {list-style: none;}
				div.left ul	{ margin:0px; 
							  padding:0px;
							  list-style:none; }
							  
					div.left li	{ margin:0px; 
								  padding:2px 0px 0px 14px;
								  background: url(../images/li.png) no-repeat 0px center;  }
							  
			div.rel	{ float:right;
					  display:block;
					  width:226px;
					  margin:0px 0px 0px 10px; 
					  padding:0px; }

				div.reltop	{ display:block;
						  width:226px;
						  height:15px;
						  margin:0px; 
						  padding:0px;
						  background: url(../images/reltop.png) no-repeat 0px 0px; }

				div.relbg	{ display:block;
						  width:166px;
						  margin:0px; 
						  padding:10px 30px;
						  background: url(../images/relbg.png) repeat-y; }

					div.relbg h3	{ margin:0px; 
							  padding:0px 0px 5px 0px; }

						div.left div.relbg li, div.productsright div.relbg li	{ margin:0px; 
												  padding:2px 0px 2px 20px;
												  background: url(../images/rellink.png) no-repeat 0px 5px;  }

							div.relbg li a	{ text-decoration:none;
									  color:#000;
									  font:bold 13px arial, verdana, sans-serif; }
							div.relbg li a:hover	{ color:#106ea7; }
	
				div.relbottom	{ display:block;
						  width:226px;
						  height:15px;
						  margin:0px; 
						  padding:0px;
						  background: url(../images/relbottom.png) no-repeat 0px 0px; }
	


		div.right	{ float:left;
					  display:inline;
					  width:333px;
					  margin:0px; 
					  padding:0px; }

			div.relimgs	{ display:block;
					  width:333px;
					  margin:0px; 
					  padding:0px 0px 66px 0px;
					  background: url(../images/relimgsbg.png) repeat-x bottom; }

				a.relimg	{ display:block;
							  width:317px;
							  height:214px;
							  margin:0px; 
							  padding:8px 8px 0px 8px;
							  position:relative;
							  text-decoration:none;
							  cursor:pointer;
							  background: #111; }
				a:hover.relimg	{text-decoration:none; }

					div.relimgoverbg	{ position:absolute;	
										  top:8px;	
										  left:8px;
										  display:block;
										  width:317px; 
										  height:214px;
										  margin:0px; 
										  padding:0px;
										  z-index:500; }

						a:hover.relimg div.relimgoverbg	{ background: url(../images/relimgover.png) no-repeat 0px 0px; }
	
					a.relimglast	{ padding:8px; }

					a.relimg img	{ position:absolute;	
									  top:8px;	
									  left:8px;
									  width:317px;
									  height:214px;
									  margin:0px; 
									  padding:0px;
									  z-index:200; }

/* ------------------------------------------------
	case
-------------------------------------------------*/

	div.maincasebg	{ clear:both;
			  display:block;
			  width:auto;
			  margin:0px;
			  padding:35px 0px; 
			  background: #fff url(../images/maincasebg.png) no-repeat center 0px;  }


		div.caseleft	{ float:left;
						  display:block;
						  width:298px;
						  margin:0px; 
						  padding:0px 0px 0px 11px; }

			div.caseleft div.rel	{ float:left;
						  margin:10px 0px 0px -10px; }


		div.caseright	{ float:left;
				  display:block;
				  width:676px;
				  margin:0px 0px 0px 11px; 
				  padding:0px; }

			div.caseimgs	{ display:block;
					  width:655px;
					  height:332px;
					  margin:0px;
					  padding:8px;
					  background:#111; }

				div.caseimgs img	{ display:block;
							  width:655px;
							  height:332px;
							  margin:0px;
							  padding:0px; }

				div.caseright div#controls { margin:-58px 0px 0px 0px;
							     position:relative;
							     z-index:1000;
							     background:#111; }

			div.casetext	{ display:block;
							  margin:0px;
							  padding:38px 28px; }	
							  
				div.casetext ul	{ margin:0px; 
								  padding:0px;
								  list-style:none; }
							  
					div.casetext li	{ margin:0px; 
									  padding:2px 0px 0px 14px;
									  background: url(../images/li.png) no-repeat 0px center;  }

/* ------------------------------------------------
	products 
-------------------------------------------------*/

div.productsright {float:left; display:block; width:676px; margin:0px;padding:10px 0px 10px 0px;}
div.productsright h1 {margin-bottom: 20px; padding-left: 5px;}
div.productsright div.producttext h1 {margin-bottom: 15px; padding-left: 0;}

div.ritningar div.rel {float: none; margin-bottom: 30px;}
div.ritningar div.relbg {background: none; padding: 0 0 0 20px;}
div.ritningar div.rel h3, div.ritningar  div.reltop, div.ritningar  div.relbottom {display: none;}
div.ritningar div.rel ul {list-style: none;}

a.product {float:left; width: 198px; height: 238px; padding: 7px; background: url(../images/productsBg.png); display: block; text-align: center; position: relative; text-decoration: none; margin: 0 13px 13px 0;}
a.product span {display: block; position: absolute; bottom: 25px; width: 198px; font: bold 15px Arial, Helvetica, sans-serif; color: #000;}
a.product img {max-width: 198px; max-height: 180px; margin-top: 5px;}
a.product strong {display: block; background: url(../images/folderIcon.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 15px; right: 15px;}

a:hover.product {background-position: right;}		
a:hover.product span {color: #106ea7;}

div.producttext {display: block; margin: 0; padding: 8px 0 18px 28px; width: 648px; float: left;}
div.producttext p {margin-bottom: 15px}

div.productimage {width: 336px; text-align: right; float: right;}
div.productimage img {max-width: 336px;}

div.prodPdf {margin: 30px 0}
div.prodPdf a {background: url(../images/pdfIcon.png) no-repeat left center; padding-left: 20px;}

div.dimensions {padding: 0 28px;}
table.dimensions {width: 100%;}
table.dimensions thead {color: #363636; border-bottom: 2px solid #363636; }
table.dimensions th {font: bold 13px Arial, Helvetica, sans-serif; padding: 4px 20px;}
table.dimensions td {padding: 3px 20px;}
table.dimensions tr.odd {background: #f0fcff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}

table.spec {width: 100%;}
table.spec td {padding: 3px 10px;}

div.specs {padding: 28px 0 25px 28px;}
div.specsrow {clear: both;}
div.specsrow h3 {background: #fff; font: bold 12px Arial, Helvetica, sans-serif; color: #666; padding: 10px 15px 10px; width: 116px; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; float: left;}
div.specsrow a {float: left; display: block; margin-left: 4px;}
div.specsrow div.content {float: left; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding: 4px 4px 4px 0; height: 27px; width: 496px;}
div.specsrow.last div.content {border-bottom: 1px solid #dfdfdf;}
div.specsrow.last h3{border-bottom: 1px solid #dfdfdf;}
div.specsrow a img {width: 27px; height: 27px;}

div.search {margin-bottom: 40px;}
div.search input.text, div.search input.submit {float: left;}
div.search input.submit {background: url(../images/searchBtn.png); width: 36px; height: 28px; border: none; cursor: pointer;}
div.search input.text {border: 1px solid #828282; border-right: none; font: 14px Arial, Helvetica, sans-serif; color: #666; padding: 5px 2px 5px; width: 200px;}
							  
/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { margin:20px 0px;
			   padding:50px 30px;
			   background: url(../images/relimgsbg.png) repeat-x 0px 0px; }
		span.label { float:left;
					 display:block;
					 width:111px; }
					 	   
		.formfield { float:left;
					 width:70%;
					 height:16px;
					 margin:0px 0px 2px 0px;
					 padding:4px 2px;
					 color:#000;
					 font:12px Arial, Verdana, Helvetica, sans-serif;
					 border:1px solid #111;
				     background: #fff; }		
		.formbox { float:left;
				   width:70%;
				   height:56px;
				   margin:0px 0px 2px 0px;
				   padding:4px 2px;
				   color:#000;
				   font:12px Arial, Verdana, Helvetica, sans-serif;
				   border:1px solid #111;
				   background:#fff; }		
										 
			.form .pink { background:#fee7e7; }
			.form .yellow { background:#fefee7; }   
			
		.formbtn { float:right;
				   margin:0px 35px 0px 0px;
				   padding:4px 2px;
				   color:#fff;
				   font:bold 12px Arial, Verdana, Helvetica, sans-serif;
				   border:1px solid #111;
				   background:#111; }		
										 
		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:8px 2px 0px 0px; }	
			

			


/* ------------------------------------------------
	tell a friend
-------------------------------------------------*/

		div.tellafriend	{  width:341px;
						   display:block;
						   margin:15px auto;
						   position:relative; }	
				   
	div.tellafriendpadding	{  padding:15px; }		
						  
		div.tellafriend h1 { display:block;
							 margin:0px 0px 5px 0px;
							 padding:0px;
							 color:#363636;
							 font:bold 14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ height:128px;
							  margin:10px 0px;
							  padding:20px 15px;
							  border:4px solid #ececec;
							  background:#fff; }	
							  
			div.tellafriend span.label { float:left;
										 display:inline;
										 width:115px;
										 padding:5px 0px 0px 0px; }	
			div.tellafriend span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:136px;
										 height:16px;
										 margin:0px 0px 2px 0px;
										 padding:4px 2px;
										 color:#000;
										 font:12px Verdana, Arial, Helvetica, sans-serif;
										 border:1px solid #666;
										 background:#fff; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn {	float:right;
										width:130px;
										margin:0px 12px 0px 0px;
										padding:0px; 
										font:12px Verdana, Arial, Helvetica, sans-serif;}
										
	div.tellafriendshare	{ padding:10px 15px;
							  border-top:1px solid #cecece; }
							  
		div.tellafriendshare p	{ float:left; 
								  display:inline;
								  margin:0px 15px 0px 0px;
								  color:#535353 !important; }	
								  
							a.print { display:block;
									  margin:0px 0px 0px 0px;
									  padding:7px 0px 7px 40px;
									  color:#000;
									  font-weight:bold;
									  background: #f5f5f5 url(../images/printshare.gif) no-repeat 10px center;}
							a:hover.print { text-decoration:none;
											color:#fff;
											background: #ba2007 url(../images/printshare.gif) no-repeat 10px center;}

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	#cont { min-height:100%;
		position:relative;}

	#body {
		padding:0px;
		padding-bottom:80px;	/* Height of the footer */ 
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		padding:0px 0px 0px 0px;
		height:80px;			/* Height of the footer */
		background: url(../images/bg2.png);
	}
	

	div#footer2 { display:block;
		      width:997px;
		      margin:0px auto;
		      padding:35px 0px 0px 0px; }		


		div#footer p { color:#898989;
			       font:11px arial, verdana, sans-serif; }		

		div#footer a { text-decoration:none;
			       color:#898989;
			       font:11px arial, verdana, sans-serif; }	

		div#footer a:hover { text-decoration:underline; }		

		


/* ------------------------------------------------
	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:520px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 520px;
}

/* for understanding browsers */
.mainbghojd {
	min-height:390px; 
	height:auto;
}
/* for Internet Explorer */

* html .mainbghojd {
	height: 390px;
}