/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#383737; }	
	body { margin:0; text-align:center; }

/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; } /* Hidden elements */
	.hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */
	em{ font-style:italic; }
	p { margin:0 0 1em 0; padding:0; } /* Default link styling */
	a { color:#007ead; text-decoration:none; }
	a:hover { color:#007ead; text-decoration:underline; } /* Float an element left with a margin */
	.floatL { float:left; } /* Float an element right with a margin */
	.floatR { float:right; } /* Float an element right with a margin */
	.imgFloatR{ margin:0 0 0 10px; float:right; }
	.clear { clear:both; } /* Clear All */
	a.noMarginTop{ margin:0; }
	ul{ list-style-image:url(../images/bullet.gif); }
	
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#topbarwrap{ width:100%; border-bottom:1px solid #d8d8d8; float:left; }
	#topbar{ width:960px; margin:0 auto; text-align:left; }
	
	#brandbarwrap{ width:100%; border-bottom:1px solid #d8d8d8; float:left; }
	#brandbar{ width:960px; margin:0 auto; text-align:left; position:relative; }
	
	#navbarwrap{ width:100%; float:left; padding:0 0 7px 0; background:url(../images/bg_nav.gif) repeat-x bottom left; margin:0 0 5px 0; }
	#navbar{ width:960px; margin:0 auto; text-align:left; /*overflow:hidden;*/ }
	
	#subnavbarwrap{ width:100%; float:left; margin:-12px 0 0 0; padding:0; height:42px; background:url(../images/bg_subnav.gif) repeat-x bottom left; }
	#subnavbar{ width:960px; margin:0 auto; text-align:left; overflow:hidden; }
	
	.containerwrap{ width:100%; border-bottom:1px solid #d8d8d8; float:left; }
	.container{ width:960px; margin:0 auto; text-align:left; overflow:hidden; line-height:1.6em; }
	.container2{ width:960px; margin:0 auto; text-align:left; overflow:hidden; line-height:1.6em; padding:15px 0; }
	
	#breadcrumbwrap{ width:100%; border-bottom:1px solid #d8d8d8; float:left; }
	#breadcrumb{ width:960px; margin:0 auto; text-align:left; overflow:hidden; }
	
	.feature{ width:960px; padding:15px 0 0 0; margin:0; float:left; }
	
	.block{ width:960px; padding:15px 0; margin:0; float:left; }
		.third{ width:300px; float:left; margin:0; }
		.pad{ margin-right:30px; }
		
	.rightbar{ width:440px; float:right; padding:15px 0; }
	.leftbar{ width:500px; float:left; padding:15px 0; }
	
	.rblc{ width:215px; float:left; padding:0; }
	.rbrc{ width:215px; float:right; padding:0; }
	
	.footerwrap{ width:100%; float:left; }
	.footer{ width:960px; margin:0 auto; padding:15px 0 5px 0; text-align:left; overflow:hidden; }
	
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; font-size:1em; color:#383737; padding:2px 3px; }
	label{ display:block; float:left; font-weight:bold; }
	.form{ padding:0; margin:0; list-style-type:none; list-style-image:none; }
	.form label{ width:150px; }
	.form li{ float:left; margin:0 0 10px 0; width:500px; }
	.error{
		list-style-type:none;
		list-style-image:none;
		border:2px dotted #C00;
		padding:10px 35px 10px 10px;
		margin:0 0 10px 0;
		font-weight:bold;
		width:400px;
		background:url(../images/error.gif) top right no-repeat;
	}
	.error li{ }
	.asterisk{ color:#C00; }

/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3 { color:#383737; font-weight:bold; line-height:normal; margin:0 0 15px 0; padding:0; }
	h1 { font-size:36px; letter-spacing:-2px; }
	h2 { font-size:24px; letter-spacing:-1px; }
	h3 { font-size:14px; }
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */

	/* Top nav */
	#topbarnav{ list-style-image:none; list-style:none; list-style-image:none;  margin:0; padding:9px 0; float:left; text-transform:uppercase; font-size:10px; line-height:normal; }
		#topbarnav li{ list-style:none; list-style-image:none;  float:left; margin:0; padding:0; }
			#topbarnav li a{ float:left; margin:0 12px 0 0; padding:0 7px 0 0; color:#383737; text-decoration:none; background:url(../images/arrowblue.gif) no-repeat right 6px; }
			#topbarnav li a:hover{ text-decoration:underline; }
	/* Languages links */		
	#langs{ list-style:none; list-style-image:none;  margin:0; padding:9px 0; float:right; font-size:10px; line-height:normal; }
		#langs li{ float:left; margin:0; padding:0; }
			#langs li a{ float:left; margin:0 0 0 15px; padding:0 0 0 25px; color:#383737; text-decoration:none; }
			#langs li a:hover{ text-decoration:underline; }
			/* UK flag */
			#langs .uk a{ background:url(../images/flaguk.gif) no-repeat bottom left; }
			#langs .uk a:hover, #langs .uk a.selected{ background-position:bottom left; }
			/* German flag */
			#langs .de a{ background:url(../images/flagde.gif) no-repeat bottom left; }
			#langs .de a:hover, #langs .de a.selected{ background-position:bottom left; }
			/* Spanish flag */
			#langs .es a{ background:url(../images/flages.gif) no-repeat bottom left; }
			#langs .es a:hover, #langs .es a.selected{ background-position:bottom left; }
			/* French flag */
			#langs .fr a{ background:url(../images/flagfr.gif) no-repeat bottom left; }
			#langs .fr a:hover, #langs .fr a.selected{ background-position:bottom left; }
			/* Italian flag */
			#langs .it a{ background:url(../images/flagit.gif) no-repeat bottom left; }
			#langs .it a:hover, #langs .it a.selected{ background-position:bottom left; }
			/* Slovakian flag */
			#langs .slo a{ background:url(../images/flagslo.gif) no-repeat bottom left; }
			#langs .slo a:hover, #langs .slo a.selected{ background-position:bottom left; }
	/* Logo */
	#esa-logo{ margin:0; padding:0; float:left; width:500px; height:100px; overflow:hidden; }
		#esa-logo a{ margin:0; padding:0; float:left; width:500px; height:100px; display:block; background:url(../images/esa-logo.gif) no-repeat 0 0; text-indent:-3000em; font-size:1px; }
		#esa-logo a:hover{ background-position: 0 -102px; }
	/* Search */
	/*#searchpanel{ position:absolute; top:0; right:0; padding:15px 0; float:right; }*/
	#searchpanel{ padding:15px 0; float:right; }
	#searchnav{ list-style:none; list-style-image:none;  margin:0 0 15px 0; padding:0; float:right; }
		#searchnav li{ float:left; margin:0; padding:0; }
			#searchnav li a{ float:left; margin:0 12px 0 0; padding:0 7px 0 0; color:#383737; text-decoration:none; background:url(../images/arrowblue.gif) no-repeat right 9px; }
			#searchnav li a:hover{ text-decoration:underline; }
			
			#searchform{ float:right; clear:both; width:323px; }
			#searchform ul{ list-style:none; list-style-image:none;  margin:0; padding:0; float:left; }
				#searchform ul li{ margin:0; padding:0; float:left; }
				
				.searchtextField{ border:0; width:220px; height:15px; background:url(../images/bg_inputsearch.gif) no-repeat 0 0; font-weight:bold; padding:6px 7px; }
				.searchbutton{ margin:0 0 0 10px }


	/* SUB NAV */
	#subnav{ list-style:none; list-style-image:none;  margin:0 -42px 0 0; padding:0 0 0 2px; float:right; font-size:13px; line-height:normal; width:1000px; background:url(../images/sub_divider.gif) no-repeat top left; }
		#subnav li{ float:left; margin:0; padding:0 1px 0 0; background:url(../images/sub_divider.gif) no-repeat top right; }
			#subnav li a{ float:left; margin:0; padding:9px 10px; height:24px; display:block; color:#fff; text-decoration:none; font-weight:bold; }
			#subnav li a:hover, #subnav li a.selected{ color:#fff; background:url(../images/bg_navarrow.gif) no-repeat bottom center; }
	/* Breadcrumb */
	#bc{ list-style:none; list-style-image:none;  margin:0; padding:0 0 9px 0; float:left; line-height:normal; }
		#bc li{ float:left; margin:0 12px 0 0; padding:0; }
			#bc li a{ float:left; margin:0; padding:0 7px 0 0; background:url(../images/arrowblue.gif) no-repeat right 8px; }
			#bc li a:hover{ text-decoration:underline; }
	/* useroptions */
	#usopts{ list-style:none; list-style-image:none;  margin:0; padding:0 0 9px 0; float:right; line-height:normal; }
		#usopts li{ float:left; margin:0 0 0 12px; padding:0; }
			#usopts li a{ float:left; margin:0; padding:0 0 0 16px; }
			#usopts li a:hover{ text-decoration:underline; }
			
			.bookmark{ background:url(../images/icon_bookmark.gif) no-repeat 0 3px; }
			.print{ background:url(../images/icon_print.gif) no-repeat 0 3px; }
			.email{ background:url(../images/icon_email.gif) no-repeat 0 3px; }

/* ~~~~~~~~~~~~~~~~ CONTENT STYLES  ~~~~~~~~~~~~~~~~ */

	.textlinks{ list-style:none; list-style-image:none;  list-style-image:none; margin:0; padding:0; }
	.textlinks a{ color:#007ead; background:url(../images/arrowblue.gif) no-repeat right 7px; padding:0 7px 0 0;  }
	
	.btnprofile{ background:url(../images/btnprofile.gif) no-repeat; height:20px; width:67px; overflow:hidden; display:block; text-indent:-3000em; margin:0 10px 0 0; }
	.btnsuppliers{ background:url(../images/btnsuppliers.gif) no-repeat; height:20px; width:67px; overflow:hidden; display:block; text-indent:-3000em; margin:6px 0 0 0; }
	.btnContent{ background:url(../images/btnContent.gif) no-repeat; height:20px; width:67px; overflow:hidden; display:block; text-indent:-3000em; margin:0 10px 10px 0; float:left; }
	.btnsend, .searchbutton{ height:27px; width:78px; overflow:hidden; display:block; text-indent:-3000em; border:none; cursor:pointer; }
	.btnsend{ background:url(../images/btnsend.gif) no-repeat; }
	.searchbutton{ background:url(../images/button_search.gif) no-repeat; }
	.download{ background:url(../images/download.gif) no-repeat; height:20px; width:73px; overflow:hidden; display:block; text-indent:-3000em; margin:0 10px 10px 0; float:left; }
	.btnorder{ background:url(../images/btnorder.gif) no-repeat; height:20px; width:67px; overflow:hidden; display:block; text-indent:-3000em; margin:0 10px 10px 0; float:left; clear:both; }
	.btnMoreInfo{ background:url(../images/btnMoreInfo.gif) no-repeat; height:20px; width:73px; overflow:hidden; display:block; text-indent:-3000em; margin:0 10px 10px 0; float:left; }
	.btnprofile:hover, .btnsuppliers:hover, .btnsend:hover, .searchbutton:hover, .download:hover, .btnorder:hover, .btnMoreInfo:hover, .btnContent:hover{ background-position:bottom; }
	
	.rangeContainer{ margin:0 0 10px 0; padding:0 0 10px 0; }
	.prodContainer{ border-bottom:1px solid #d8d8d8; margin:0; padding:10px 0; }
	.contentContainer{ border-bottom:1px solid #d8d8d8; margin:0 0 10px 0; padding:0 0 10px 0; }
	.contentContainerBAT{ float:left; border-bottom:1px solid #d8d8d8; margin:0 0 10px 0; padding:0 0 10px 0; }
	.contentContainerLast{ margin:0 0 10px 0; padding:0 0 10px 0; }
	
	a.del{ float:right; }

	/* publications */
	.section{ padding: 20px 0 0 0; float:left; }
	.flag{ float:right; margin:0 0 0 10px; }
	.publicationDiv{ float:left; width:480px; padding:10px;  }
	.orderText{ float:left; clear:both; }
	.greyBack{ background:#e2eef3; }
	.publicationSection{ border:1px solid #d8d8d8; float:left;margin:10px 0 0 0; }
	.thickboxContent{ padding:10px; }
	.thickboxContent ul{ margin:0 0 0 5px; list-style-image:none; list-style:none; font-weight:bold; padding:0; }
	.thickboxContent ul li{ padding:0 0 10px 0; }
	.thickboxContent ul li ul{ margin:0 0 0 40px; list-style-image:none; list-style:none; font-weight:normal; padding:0; }
	.thickboxContent ul li ul li{ padding:0; }

/* ~~~~~~~~~~~~~~~~ FORUM  ~~~~~~~~~~~~~~~~ */

	.panel h2.terms { border:none; }
	ul.terms { margin:10px; list-style-type:none; list-style-image:none; font-size:1.2em; }
	ul.terms li{ }
	ul.terms li ul{ margin:20px; }
	ul.terms li ul li{}

/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	.h3bar{ background:url(../images/bg_subnav.gif) repeat-x 0 0; color:#fff; padding:9px; margin:0; height:18px; }
	
	.sealingtechs{ border: 1px solid #ccc; padding:1px; margin:0 0 15px 0;float:left; width:436px; }
	
	.sealingsul{ float:left; list-style:none; list-style-image:none;  padding:0; margin:0; }
	.sealingsul li{ padding:0; margin:0;float:left; width:218px; height:59px; text-indent:-3000em; overflow:hidden; }
	.sealingsul li a{ display:block; float:left; width:218px; height:59px; }
	
	.sealingsul .expanjoint a{ background:url(../images/expanjoint.gif) no-repeat -1px 0; }
	.sealingsul .mechseals a{ background:url(../images/mechseals.gif) no-repeat 0 0; }
	.sealingsul .flangasks a{ background:url(../images/flangasks.gif) no-repeat -1px 0; }
	.sealingsul .packings a{ background:url(../images/packings.gif) no-repeat 0 0; }
	
	.sealingsul .mechseals a:hover, .sealingsul .expanjoint a.selected,
	.sealingsul .packings a:hover, .mechseals .packings a.selected { background-position:0 -59px; }
	.sealingsul .expanjoint a:hover, .sealingsul .expanjoint a.selected,
	.sealingsul .flangasks a:hover, .sealingsul .flangasks a.selected { background-position:-1px -59px; }
	
	/* news */
	.newspanel{ border: 1px solid #ccc; padding:1px; margin:0 0 15px 0;float:left; width:211px; }
	
	.newsitem{ float:left; list-style:none; list-style-image:none;  padding:0; margin:0; line-height:normal; font-size:1em; }
	.newsitem li{ padding:0; margin:0;float:left; border-bottom:1px solid #ccc; }
	.newsitem .last{ border-bottom:0; }
	.newsitem li a{ display:block; float:left; padding:8px 10px; color:#383737; width:191px; }
	.newsitem li a:hover{ text-decoration:none; }
	.newsitem li a span{ color:#007ead; background:url(../images/arrowblue.gif) no-repeat right 7px; padding:0 7px 0 0; font-weight:bold; }
	.newsitem li a:hover span{ text-decoration:underline; }
	
	/* Blue box */
	.bboxwrap{ float:left; width:215px; background:url(../images/bg_bbbase.gif) no-repeat bottom left; padding:0; line-height:normal; color:#beedfe; margin:0 0 10px 0; }
		.bbox{ float:left; width:185px; background:url(../images/bg_bbtop.gif) no-repeat top left; padding:10px 15px 5px 15px; }
			.bbox h3{ color:#fff; font-size:2em; margin:0 0 5px 0; }
			.bbox a{ color:#fff; font-weight:bold; }
			
	/* Blue searchbox */
	.lbboxwrap{ float:left; width:215px; background:url(../images/bg_lbbbase.gif) no-repeat bottom left; padding:0; line-height:normal; color:#beedfe; margin:0 0 10px 0; }
		.lbbox{ float:left; width:185px; background:url(../images/bg_lbbtop.gif) no-repeat top left; padding:10px 15px 5px 15px; }
			.lbbox h3{ color:#fff; font-size:2em; margin:0 0 5px 0; }
			.lbbox a{ color:#fff; font-weight:bold; }
			
			.lbbox form ul{ list-style:none; list-style-image:none;  margin:0; padding:0; }
				.lbbox form ul li{ margin:0 0 10px 0; padding:0; }
				.lbbox form label{ margin:0 0 5px 0; display:block; font-weight:bold; color:#fff; }
				.lbbox form select{ width:100%; }
				.searchbutton2 { margin:0; padding:0; }
	
	/* subnav login status */
	#subnav li.login_status {
		float:right; 
		margin-right:50px;
	}
	#subnav li.login_status p{
		display:block; float:left;
		margin-top:10px;
		color:#ffffff;
	}
	#subnav li.login_status a:hover{ background:none; }
	
	/* Login form */
	form.esaform label { 
		margin:10px 10px 10px 0;
	}
	form.esaform input, form textarea{
		margin-top:10px;
	}
	.quick-login{
		margin:10px;
	}
	.fields1 label{ width:300px; }
	.quick-login label { width:150px; }
	.quick-login input { width:100px; }
	.quick-login input.button2{ margin-top:17px; }
	.display-options label{ width:300px; }
	#search_keywords{ width:200px; }
	.search-box label { width:200px; }
	
	p.ok_msg{
		border:solid #009900 1px;
		padding:5px;
		width:300px;	
	}
	
	p.error_msg{
		border:solid #CC0000 1px;
		padding:10px 10px 10px 40px;
		width:300px;
		font-weight:bold;
		background:url(../images/error.gif) top left no-repeat;
	}
	
	/* Members dashboard */
	.dash{
		float:left;
		margin:0 30px 30px 0;
		height:180px;;
	}
	.dash col2{ margin:0 0 30px 0;}
	
	/* Directory */
	.directory_letter{
		float:left;
		width:460px;
		padding:10px;
	}
	
	.directory_letter h2{
		border-bottom: 1px solid #D8D8D8;
	}
	.directory_letter h3{
		color:#007EAD;
		font-size:1.5em;
		font-weight:bold;
	}
	.directory_letter p {
		margin:0;
	}
	.dir_entry{
		background:#F0F0F0;
		border:solid 1px #E1E1E1;
		margin:10px 0 10px 0;
		padding:5px;
	}
	.directory_letter p.dir_title {
		font-weight:bold;
	}
	.directory_letter p.dir_footer {

	}
	.directory_letter p.dir_file a{
		padding-left:20px;
		display:block;
	}
	
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */


/* newsletter stuff www.europeansealing.com/newsletter/ */

	.brandbarwrap{ width:100%; float:left; padding:0 0 8px 0; }
	.newsletterContainer{ background:url(../images/bg_nav.gif) repeat-x top left; padding:4px 0 0 0; }
	.firstTwo{ line-height:1.3; border-bottom:1px solid #d8d8d8; padding:0 0 10px 0; margin:0 0 20px 0; }
	.lastPara{ border-bottom:1px solid #d8d8d8; padding:0 0 10px 0; margin:0 0 20px 0; }
	
	.newsletterthird{ width:318px; float:left; margin:0; }
	.newsletterpad{ margin-right:30px; }
	.highlight{ background:#b7dbe8; }
	.newsletterForm{ width:590px; float:right; background:#e5f2f7; padding:10px; margin:0 0 30px 0; }
	.newsletterForm h2{ width:100%; border-bottom:1px solid #8c9295; padding:0 0 5px 0; margin:0 0 20px 0; }
	.newsletterForm ul{ list-style:none; list-style-image:none; }
	.newsletterForm ul li{ padding:9px 10px; }
	.newsletterForm label{ width:220px; text-align:right; padding:0 10px 0 0; font-weight:normal; font-size:13px; }
	.newsletterForm input{ width:168px; border:1px solid #999999; }
	.newsletterForm select{ width:178px; border:1px solid #999999; }
	.newsletterForm input.wide{ width:250px; }
	.newsletterForm ul li.nobottommargin{ padding:9px 10px 0px 10px; }
	.newsletterForm ul li.notopmargin{ padding:0 10px 9px 10px; }
	.newsletterForm ul li.nomargin{ padding:5px 10px; }
	.newsletterForm input.newsletterSubmit{ width:155px; height:40px; background:url(../newsletter/submit.gif) no-repeat top; border:none; padding:0; cursor:pointer; }
	.newsletterForm input.newsletterSubmit:hover{ background-position:bottom; }
	
	.thankyou{ width:590px; height:394px; float:right; background:#e5f2f7; padding:10px; margin:0 0 30px 0; }
	.thankyouinner{ padding:85px 60px; }
	h2.thankyouh2{ font-size:24px; text-transform:uppercase; text-align:center; width:462px; border-bottom:1px solid #8c9295; padding:0 0 5px 0; }
	p.thankyoup{ width:462px; text-align:center; font-size:13px; }
	.errorNews{ list-style-type:none; list-style-image:none; border:2px dotted #C00; padding:10px 35px 10px 10px; margin:0 0 20px 0; font-weight:bold; width:540px; background:url(../images/error.gif) top right no-repeat; }
	.newsletterForm ul.errorNews li{ padding:0; margin:5px 0; }