@charset "utf-8";
/* CSS Document */

/* Reset CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1, font: 13px/1.5 Helvetica, Arial, Tahoma, FreeSans, sans-serif; color: #333}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.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 */
.clear {clear: both; display: block; overflow: hidden; width: 0; height: 0}
/* @end */
/* @group General */
a:focus {outline: 1px dotted invert;}
hr {border: 0 dotted #aaa; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 16px;}
h2 {font-size: 14px}
h3 {font-size: 14px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 12px}
ol {list-style: decimal}
ul {list-style: circle;}
li {margin-left: 30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote {margin-bottom: 20px}
a {color: #184e9f;}
a:hover {color: #2f6bbf;}
a:active {color: #133551;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important;}
abbr {border: 0;}
blockquote {padding: 15px 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #eee;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: auto; overflow-Y: hidden; margin: 0 0 1.2em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
small {font-size: 10px;}
/* @end */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #efefef;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: center top;
}

/*
	Slideshow
*/

#slides {
	position:relation;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	position:relative;
	display:none;
	margin:auto;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:900px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}



#wrapper {
	height: auto;
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#wrapper #topband {
	height: 93px;
	width: 961px;
}
#wrapper #topband #logo {
	height: 93px;
	width: 565px;
	float: left;
}
#wrapper #topband #menu {
	float: left;
	width: 396px;
	height: 93px;
}
#wrapper #topband #slidehead {
	width: 961px;
	clear: left;
}
#wrapper #topband #midTab {
	height: 133px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: left;
	background-image: url("../images/midTab.png");
	background-repeat: no-repeat;
}
#wrapper #content #up {
	width: 940px;
	height: 225px;
	background-color: #FFF;
}
#wrapper #content #rightSide {
	background-color: #FFF;
	width: 470px;
	float: left;
	height: 350px;
	padding: 10px;
}


#wrapper #content #downContent {
	height: auto;
	width: 940px;
	background-color: #FFF;
	clear: left;
}
#wrapper #content #downContent2 {
	background-color: #FFF;
	width: 940px;
	clear: left;
	height: 200px;
}
#wrapper #content #downContent2 #pic2 {
	height: 135px;
	width: 300px;
	float: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 80px;
	background-color: #FFF;
}
#wrapper #content #downContent2 #ct2 {
	height: 100px;
	width: 450px;
	float: left;
	background-color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	margin-top: 70px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#wrapper #content #downContent #property {
	height: 200px;
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-color: #FFF;
	margin: auto;
}
#wrapper #content #downContent #leftSide {
	width: 450px;
}

#wrapper #content #rightContent {
	width: 390px;
	background-color: #C7ECFE;
	height: 60px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#wrapper #content #downContent #leftSide {
	padding-top: 20px;
	float: left;
	background-color: #FFF;
}
#wrapper #content #rightSide #instr {
	width: 460px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
}



#wrapper #bottom {
	width: 940px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	height: 220px;
	text-align: center;
	clear: left;
}

#wrapper #content #up #redContent {
	float: left;
	height: 225px;
	width: 396px;
}
#wrapper #content #up #whiteup {
	float: left;
	height: 225px;
	width: 544px;
	background-color: #FFF;
}
#wrapper #content #up #whiteup #pic1 {
	float: left;
	height: 210px;
	width: 156px;
}

#wrapper #content #up #whiteup #ct1 {
	width: 320px;
	margin-right: 10px;
	margin-left: 50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	height: 210px;
	float: left;
}

#submenu {
	background-color: #CCC;
	text-align: center;
	height: 440px;
	width: 130px;
	position:relative;
	left:695px;
	top:92px;
	color: #000;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding: 10px;
	z-index:500;
	visibility:hidden;
}

#submenu p{
	position:relative;
	top:-80px;
}

#submenu a:link{
	color:#333333;
}
#submenu a:visited{
	color:#333333;
}
#submenu a:hover{
	color:#FF0000;
	font-weight:bold;
}
#submenu a:active{
	color:#333333;
}
#wrapper #content #up #whiteup #cpic1 {
	height: 200px;
	width: 185px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
}
#wrapper #content #up #whiteup #cct1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	float: left;
	width: 300px;
	margin-left: 40px;
	color: #000;
	height: 170px;
	margin-top: 30px;
}
#wrapper #content #downContentc {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	height: 350px;
	background-color: #FFF;
	clear: left;
	width: 900px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#wrapper #content #downContentc #cform {
	height: 260px;
	width: 600px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 150px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	background-color:#FEE9F7;
	padding: 30px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
}
#wrapper #content #up #whiteup #topicProduct {
	width: 400px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #content #up #whiteup #productGallery {
	height: 160px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	text-align: center;
}
#wrapper #content #up #whiteup #productGallery img {
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #E11330;
	text-align: center;
}
#wrapper #content #downContent #leftPart {
	float: left;
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	background-color: #FFF;
	padding-bottom: 20px;
}
#wrapper #content #downContent #leftPart #chemProperty {
	margin-top: 10px;
	padding: 10px;
}
#wrapper #content #downContent #leftPart #chemProperty p {
	width: 390px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#wrapper #content #downContent #rightPart {
	float: left;
	width: 540px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	background-color: #FFF;
	height: 696px;
}
#wrapper #content #downContent #rightPart #chemProp2  {
	background-color: #E8E8E8;
	width: 440px;
	height: 220px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
}
#wrapper #content #up #whiteup #waterdesc  {
	background-color: #D6D6D6;
	height: 60px;
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	margin-right: auto;
	margin-left: auto;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	padding: 20px;
	margin-top: 40px;
}

#wrapper #content #up #whiteup #waterdesc2  {
	background-color: #D6D6D6;
	height: auto;
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	margin-right: auto;
	margin-left: auto;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	padding: 20px;
	margin-top: 40px;
}

#wrapper #content #downContent #waterGallery {
	height: 300px;
	width: 800px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #C6EEFF;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	text-align: center;
	padding: 20px;
}