/*typography*/body
{
	font: 75% "Century Gothic", verdana,arial,sans-serif;
	text-align: center;
}
h1
{
	font-size: 200%;
}
h2
{
	font-size: 160%;
}
h3
{
	font-size: 110%;
}
p
{
	padding-bottom: 0.7em;
	line-height: 1.5;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.maincontent a, .rightbaritem a
{
	color: #80B760;
	font-weight: 600;
}
.link
{
	width: 11px;
	height: 11px;
	margin: 0 0 0 6px;
}
/*form elements*/
form
{
	margin: 0px;
	padding: 0px;
}
.inputboxes, .inputbuttons, .inputddls
{
	font: 90% "Century Gothic", verdana,arial,sans-serif;
	vertical-align: middle;
	border: solid 1px #000000;
}
.inputboxes
{
	padding-left: 10px;
}
#searchbox .inputboxes
{
	width: 85px;
}
.inputimagebuttons
{
	vertical-align: middle;
}
.inputddls
{
}
label
{
	color: #305183;
	font-weight: 600;
}
.smallCheckBox label
{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	padding-top: 4px;
}
div.row span.uclabel
{
	display: block;
	width: 400px;
}
div.row
{
	padding-top: 5px;
	margin-left: 15px;
}
div.row span.formw
{
	font-family: "Century Gothic", Arial,helvetica,sans-serif;
}

div.row span.formw input, select
{
	font-family: "Century Gothic", Arial,helvetica,sans-serif;
}

.formButton
{
	float: right;
	margin-right: 20px;
	width: 150px;
	font-family: "Century Gothic", Arial,helvetica,sans-serif;
}
/*Validation and errors*/
.validation
{
	color: Red;
}
.helpText
{
	clear: both;
}
.validationError
{
	font-weight: bold;
	color: #aa0000;
}
.normalError
{
	clear: both;
	font-weight: bold;
	color: #aa0000;
}
/*layout*/html, body
{
	height: 100%;
}
html
{
	margin-bottom: 1px;
}
html, body
{
	margin: 0;
	padding: 0 0 20px;
}
body div#container
{
	width: 800px;
	margin: auto;
	text-align: left;
	h-eight: 100%;
}
/*Override page height for 
homepage*/#homepage div#container
{
	height: 100%;
}
/*header styles*/
div#header
{
	padding: 5px;
	padding-left: 0px;
}
div#logo
{
	float: left;
	width: 159px;
	height: 42px;
	margin-bottom: 5px;
	background-image: url(/images/tecnonlogo.gif);
	background-repeat: no-repeat;
}
div#logo a
{
	text-indent: -9999em;
	display: block;
	width: 159px;
	height: 42px;
	text-decoration: none;
}
div#searchbox
{
	float: right;
	padding-top: 20px;
}
/*bannerbar*/#bannerbar
{
	width: 800px;
	margin: 0px;
}
#leftbannerbar
{
	float: left;
	width: 160px;
	background-color: #305183;
	height:73px;
}
#leftbannerbar h2
{
	text-indent: -9999em;
	display: block;
	width: 160px;
	height: 31px;
	margin: 0px;
}
#homepage #leftbannerbar h2
{
	text-indent: -9999em;
	display: block;
	width: 160px;
	height: 73px;
	margin: 0px;
}
#bannerbar .fullwidth
{
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/images/yoursource.gif);
	background-repeat: no-repeat;
	z-index:1000;
	height:73px;
}
.fullwidth
{
	margin-left: 29px;
	width: 442px;
	height: 62px;
	margin-top: 0px;
}
.fullwidth h2
{
	text-indent: -9999em;
	display: block;
	width: 442px;
	height: 31px;
	margin: 0px;
}
/*Hide the translations when we're not on the homepage*/.fullwidth #cycle
{
	display: none;
}
#homepage #bannerbar .fullwidth
{
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/images/banner.gif);
	background-repeat: no-repeat;
}
#homepage .fullwidth
{
	margin-left: 29px;
	width: 442px;
	height: 73px;
}
#homepage .fullwidth h2
{
	text-indent: -9999em;
	display: block;
	width: 442px;
	height: 40px;
	margin: 0px;
}
#homepage #bannerbar .fullwidth #cycle
{
	display: inline;
	position: relative;
	top: 47px;
	right: 5px;
	margin: 0px;
	float: right;
}
#rightbannerbar
{
	float: left;
	width: 169px;
	height: 73px;
	/*background-image: url(/images/globe_top.gif);*/
background-image: url(/images/world-globe.jpg);	
	background-repeat: no-repeat;
	b-ackground-color:#000000;
}
#rightbannerbar h2
{
	text-indent: -9999em;
	display: block;
	width: 169px;
	height: 31px;
	margin: 0px;
}
#homepage #rightbannerbar
{
	float: left;
	width: 169px;
	height: 73px;
	/*background-image: url(/images/handshake_top.gif);*/
	background-image: url(/images/world-globe.jpg);
	background-repeat: no-repeat;
}
#homepage #rightbannerbar h2
{
	text-indent: -9999em;
	display: block;
	width: 169px;
	/*height: 73px;*/
	height:0px;
	margin: 0px;
}
/*left hand column with 
navigation*/div#sidebar
{
	float: left;
	width: 160px;
	background-color: #305183;
	background-image: url(/images/scatter.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#homepage div#sidebar
{
	height: 100%;
	height: 105%; /*hack for IE*/
	float: left;
	width: 160px;
	background-color: #305183;
	background-image: url(/images/scatter.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#nav ul, div#nav li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.5;
}
div#nav a
{
	padding-left: 10px;
}
/*div#nav a{background: url(/images/nav/bullet.gif) 
no-repeat center left;}*/li.nav_hub
{
}
li.nav_hub a
{
	/*height: 20px;*/
	vertical-align: middle;
	display: block;
	font-weight: 600;
	border-top: solid 1px #6C87B6;
	border-bottom: solid 1px #6C87B6;
	color: #DDEAFD; /* color:#6C87B6; */
	margin-bottom: 10px;
}
ul.subnav
{
}
ul.subnav li a
{
	display: inline-block;
	border: 0px;
	height: auto;
	margin: 0px 5px 0px 0px;
	color: #ffffff;
	font-weight: normal;
}
ul.subnav ul.subnav li a
{
	margin: 0px 5px 0px 8px;
}
div.nav_separate
{
	display: block;
	height: 10px;
}
div#nav_ends
{
	height: 200px;
}
ul.subnav li.activelink a
{
	font-weight: 600;
}
ul.subnav li.activelink ul.subnav li.inactivelink a
{
	font-weight: normal;
}
/*central column*/
div#content
{
	height: 100%;
	margin-left: 29px;
	width: 442px;
	padding: 0;
	float: left;
	background-color: #888888;
}
/*div#productbar{margin:0px;padding0px;text-align:right;background-image: 
url(/images/topgrad.gif);background-repeat: repeat; height:20px; padding-right: 
82px; padding-top:3px;border-right: solid 1px #ffffff;}*/
div#productbar
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	background-image: url(/images/topgrad.gif);
	background-repeat: repeat;
	height: 20px;
	padding-right: 2px;
	padding-top: 3px;
	border-right: solid 1px #ffffff;
}
/*Generic pages*/
.maincontent
{
	border-right: solid 1px #E4F0DD;
	height: 100%;
	display: block;
}
.maincontent h2
{
	font-size: 100%;
	width: 30%;
	float: left;
	height: 100%;
	margin-top: 10px;
	margin-right: 10px;
	border-right: solid 1px #80B760;
	color: #305183;
}
.maincontent h1, .maincontent h3
{
	font-size: 100%;
	color: #305183;
}
.maincontent p, .maincontent ul
{
	width: 60%;
	display: block;
	margin: 0px;
	margin-top: 10px;
	margin-left: 140px;
	margin-bottom: 10px;
}
.maincontent ul li
{
	border: none;
	background: url(/images/bullet_sub.gif) no-repeat top left;
	padding-left: 20px;
	display: inline-block;
}
/*Override the 
main content settings for the homepage*/#homepage .maincontent h1, #homepage .maincontent h2, #homepage .maincontent h3
{
	float: none;
	width: auto;
	height: auto;
	margin: 0px;
	border-right: none;
}
#homepage .maincontent p, #homepage .maincontent ul
{
	margin: 0px;
	width: auto;
}
#service .maincontent h1, #service .maincontent h2, #service .maincontent h3
{
	float: none;
	width: auto;
	height: auto;
	margin: 0px;
	border-right: none;
}
#service .maincontent p, #service .maincontent ul
{
	margin: 0px;
	width: auto;
}
div.producthighlight
{
	width: 45%;
	width: 40%;
	margin-right: 5%;
	display: block;
	float: left;
	margin-top: 10px;
}
.producthighlight img
{
	float: left;
	margin-right: 10px;
	border: solid 1px #305183;
}
.producthighlight .link img
{
	border: none;
	float: none;
	display: inline;
}
.producthighlight h2
{
	font-size: 100%;
	font-weight: 600;
	color: #305183;
	margin: 0px;
}
.producthighlight p
{
	margin: 0px;
}
#informationcentrebox
{
	width: 390px;
	display: block;
	clear: both;
	border: solid 1px #305183;
	margin-right: 5%;
	margin-top: 10px;
	padding: 10px;
}
#informationcentrebox img
{
	float: left;
	padding-right: 10px;
	border-right: solid 1px #80B760;
}
#informationcentrebox .link img
{
	border: none;
	float: none;
}
#homepage .maincontent #informationcentrebox p
{
	float: left;
	width: 45%;
	padding-left: 10px;
	vertical-align: middle;
}
/*right bar*/
div#rightbar
{
	h-eight: 100%;
	width: 168px;
	float: left;
	border-right: solid 1px #E4F0DD;
	background-color: #E4F0DD;
	
}
div#rightbartop
{
	width: 168px;
	height: 0px;
	background-image: url(/images/globe_bottom.gif);
	background-repeat: no-repeat;
}
#homepage div#rightbartop
{
	width: 168px;
	height: 0px;
	background-image: url(/images/handshake_bottom.gif);
	background-repeat: no-repeat;
}
div#rightbartop h3
{
	text-indent: -9999em;
	display: block;
	width: 168px;
	height: 23px;
	margin: 0px;
}
div#rightbarcontent
{
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	height: 100%;
}
.rightbaritem
{
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 1px #ffffff;
	color: #80B760;
}
.rightbaritem h2
{
	margin: 0px;
	margin-bottom: 10px;
	color: #80B760;
	font-size: 100%;
	font-weight: 600;
}
.rightbaritem blockquote
{
	padding: 0px;
	margin: 0px;
	font-style: italic;
}
.rightbaritem ul
{
	margin: 0px;
	margin-left: 20px;
	padding: 0;
}
/*Footer*/#footer a
{
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	margin: 0px;
	color: #305183;
	letter-spacing: 0.1em;
}
div#footer
{
	clear: both;
	background-image: url(/images/footergrad.png);
	height: 20px;
	text-align: center;
}
div.clear
{
	clear: both;
}
#footer p
{
	margin: 0px;
	height: auto;
	padding: 0px;
	padding-top: 3px;
}
/*colors*/
body
{
	background: #FFFFFF;
}
div#content
{
	background: #FFFFFF;
}
div#footer
{
	color: #305183;
}
div#mainnav
{
	color: #fff;
}
.inputboxes, .inputddls
{
	border-color: #305183;
}
b
{
	color: #305183;
}
#productpages .maincontent h2
{
	font-size: 100%;
	width: auto;
	float: none;
	height: auto;
	margin-top: 10px;
	margin-right: 10px;
	border-right: none;
	color: #305183;
}
#productpages .maincontent p, #productpages .maincontent ul
{
	margin-left: 0px;
	width: 100%;
}
#productpages #productleft
{
	width: 30%;
	float: left;
}
#productpages #productright
{
	padding-left: 10px;
	float: left;
	width: 60%;
	border-left: solid 1px #80B760;
	margin-top: 10px;
}
.chemicalfactors h4
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	border-bottom: solid 1px #80B760;
}
.chemicalfactors
{
	margin-bottom: 20px;
}
.efactor
{
	font-size: 10px;
	width: 90%;
	margin-top: 20px;
}
 .clear 
 {
	clear:both;}