/*-------------------------------------------------- */
/*  COPYRIGHT (C) 2005-2010, AUTHOR: RAYMOND WEI HE  */
/*-------------------------------------------------- */


/* -------------------------------------------- [ MAP ] --------------------------------------------------------------- */
#map { 
	z-index:10;
	padding-top: 0px;
	padding-bottom: 2px;
	width: 100%;
	font-family: Arial;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	float: left;
	position: absolute;
	top: 0px;
	left: 175px;
}
#map a { 
	font-size: 9pt;
	color: #00ccff; 
}
#map a:hover { 
	color: #ff6600; 
	text-decoration:underline;
}

/* -------------------------------------------- [ CONTENT ] --------------------------------------------------------------- */
#frame h1 {
	background: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	color: #FF6666;
	margin: 2px 0px 0px 0px; /* top right bottom left */
	text-align: left;
}
#contentframe table h1 {
	margin: 0px 0px 0px 0px; /* top right bottom left */
}
#content ul, #contentwhite ul, #contentsolid ul {
	list-style-image: url('/images/bullet.gif'); 
}
#contentframe {
	z-index: 10;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	width: 700px;
	font-family: verdana;
	margin: 100px 0px 0px 175px; /* top right bottom left */
	text-align: left;
}
#contentframewide {
	z-index: 10;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: verdana;
	margin: 0px 0px 0px 175px; /* top right bottom left */
	text-align: left;
}
#contentframewide p {
	font-size: 10pt;
}
#content {
	filter:alpha(opacity=85); /* ie's opacity */
	opacity: 0.80;
	-moz-opacity:0.80;
	z-index: 1;
	background: #ffffff;
	border: 1px solid #b9dcff;
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 5px 0px 0px 0px; /* top right bottom left */
	font-size: 10pt;
	color: #202020;
	font-family: verdana;
	position: relative;
	float: centre;
}
#contentsolid {
	z-index: 1;
	float: left;
	border: 1px solid #b9dcff;
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 5px 0px 0px 0px; /* top right bottom left */
	font-size: 10pt;
	color: #202020;
	font-family: verdana;
}
#contenttransparent {
	z-index: 1;
	float: left;
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 5px 0px 0px 0px; /* top right bottom left */
	font-size: 10pt;
	color: #202020;
	font-family: verdana;
}
#contentwhite, .contentwhite {
	z-index: 1;
	background: #ffffff;
	border: 1px solid #b9dcff;
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 5px 0px 0px 0px; /* top right bottom left */
	font-size: 10pt;
	color: #202020;
	font-family: verdana;
	position: relative;
}
#contenttable { 
	z-index: 5;
	filter:alpha(opacity=95); /* ie's opacity */
	opacity: 0.90;
	-moz-opacity:0.90;
	float: left;
	background: #ffffff;
	font-family: verdana;
}
#contentsolid td, #contentwhite td, #content td	{ 
	font-size: 10pt;
	font-family: verdana;
}
#content a, #contentsolid a, #contentwhite a, .contentwhite a, #contenttable a, #content li a { 
	text-decoration: none;
	color: #0066ff; 
}
#content a:hover, #contentsolid a:hover, #contentwhite a:hover, .contentwhite a:hover, #contenttable a:hover { 
	color: #FF6600;
	text-decoration:underline;
}
#contentsolid h1, #contentwhite h1, #content h1, .contentwhite h1 { 
	font-family: arial; 
	font-size: 18pt; 
	color: #FF6666; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px; /* top right bottom left */ 
}
#contentsolid h2, #contentwhite h2, #content h2, .contentwhite h2 { 
	font-family: arial; 
	font-size: 14pt; 
	color: #FF3300; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px; /* top right bottom left */
}
#contentsolid h3, #contentwhite h3, #content h3, .contentwhite h3 { font-family: arial; font-size: 11pt; color: #FF9900; font-weight: bold; }
#contentsolid h4, #contentwhite h4, #content h4, .contentwhite h4 { font-family: arial; font-size: 10pt; color: #33CC33; }
.products {
	border-bottom: #c0c0c0 1px solid;
	height: 140px;
}

.infoerror {
	color: #FF0000;
	background: #FFE6E1;
	font-weight:bold;
	border-left: #FF0000 1px solid;
	border-right: #FF0000 1px solid;
	border-top: #FF0000 1px solid;
	border-bottom: #FF0000 1px solid;
	width: 780px;
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}

/* -------------------------------------------- [ SIDEFIELD ] --------------------------------------------------------------- */
#sidefield {
	z-index: 10;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	width: 110px;
	font-family: verdana;
	position: relative;
	left: 5px;
	top: 130px;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	font-size: 8pt; 
}
#howtodiff {
	background: #ffffff url(/images/aquafinadasanismall.gif) no-repeat right top;
	border: 1px solid #99ccff;
	float: top;
	height: 65px;
	font-family: verdana;
}
#howtodiff ul {
	margin: 0px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 3px; 
	padding-bottom: 5px; 
	list-style-type: none; 
}
#howtodiff li a {
	color: #003aea;
	background: #ffffff;
}
#howtodiff li a:hover {
	color: #ff6600;
	background: #ffffff;
	text-decoration:underline;
}
#usage {
	z-index: 10;
	filter:alpha(opacity=75); /* ie's opacity */
	opacity: 0.80;
	-moz-opacity: 0.80;
	background: #ffffff;
	border: 1px solid #99ccff;
	float: left;
	color: #ff6600;
	margin: 5px 0px 0px 0px; /* top right bottom left */
	font-family: verdana;
	position: relative;
}
#usage ul {
	margin: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px; 
	padding-bottom: 5px; 
	list-style-type: none; 
}
#usage ul li.title {
	margin: 0x; 
	background: #ffffff;
	margin: 10px 5px 5px 5px; /* top right bottom left */
	text-align: left;
	font-weight: bold;
}
#usage ul li.image {
	background: url(/images/usage.jpg) no-repeat left top;
	height: 50px;
	margin: 0px; 
	width: 100%;
}
#usage ul li.content {
	margin: 10px 5px 10px 5px; /* top right bottom left */
	text-align: left;
	color: #000000;
}
#usage li.content a {
	color: #003aea;
}
#usage li.content a:hover {
	color: #ff6600;
	text-decoration:underline;
}
#info {
	background: #ffffff;
	float: left;
	height: 160px;
	border: 1px solid #99ccff;
	padding-top: 10px; 
	padding-left: 5px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 0px; /* top right bottom left */
	color: #003aea;
}
#info li {
	margin: 0px 0px 0px -15px; /* top right bottom left */
}
#info li a {
	color: #003aea;
}
#info li a:hover {
	color: #ff6600;
	text-decoration:underline;
}

/* -------------------------------------------- [ PRODUCTS ] --------------------------------------------------------------- */
#topimage_products1 { 
	height: 92px; 
	width: 100%;
	margin-top: 10px;
}
#topimage_products2 { 
	height: 92px; 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 3px;
}
#products_home, #products_school, #products_building, #products_office, #products_bottle { 
	float: left;
	height: 88px; 
	width: 29%;
	margin-right: 10px;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding-left: 5px; 
	padding-right: 5px; 
	font-weight: bold;
	font-size: 10pt;
}
#products_home {
	background: url(/products/images/products_home.jpg) no-repeat right bottom;
}
#products_school {
	background: url(/products/images/products_school.jpg) no-repeat right bottom;
}
#products_building {
	background: url(/products/images/products_building.jpg) no-repeat right bottom;
}
#products_office {
	background: url(/products/images/products_office.jpg) no-repeat right bottom;
}
#products_bottle {
	background: url(/products/images/products_bottle.jpg) no-repeat right bottom;
}
#products_home a, #products_school a, #products_building a, #products_office a, #products_bottle a { 
	font-size: 14pt;
	font-weight: bold;
	color: #003aea;
}
#products_home b, #products_school b, #products_building b, #products_office b, #products_bottle b { 
	filter:alpha(opacity=70); /* ie's opacity */
	opacity: 0.70;
	-moz-opacity:0.70;
	background: #ffffff;
	font-weight: bold;
	padding-left: 4px; 
	padding-right: 4px; 
	margin-top: 10px;
	float: left;
}
#products_home.current, #products_school.current, #products_building.current, #products_office.current, #products_bottle.current { 
	border-left: #ff6600 5px solid;
	border-right: #ff6600 5px solid;
	border-top: #ff6600 5px solid;
	border-bottom: #ff6600 5px solid;
}
#topimage_products1 a:hover, #topimage_products2 a:hover {
	color: #ff6600;
	text-decoration:none;
}

p.infosuccess, .infosuccess {
	color: #00CC00;
	background: #E6FFCC;
	font-weight:bold;
	border-left: #00CC00 1px solid;
	border-right: #00CC00 1px solid;
	border-top: #00CC00 1px solid;
	border-bottom: #00CC00 1px solid;
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}