/* global */

* { 
	margin: 0;
	padding: 0;
	}
* html div	{
	height: 1px;
	}

html, body	{
	height: 100%;
	}
body	{
	font-family: verdana, sans-serif;
	font-size: 100%;
	background-color: #ecf5fa;
	color: #333;
	}
html>body	{
	font-size: 1em;
	}
* html body	{
	text-align: center;
	}
a	{
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #999;
	}
a:hover	{
	color: #ccc;
	border-bottom: 1px solid #999;
	}
a.noLink1,
a.noLink1:hover	{
	border: none;
	}
table, input, select, textarea	{
	font-family: verdana, sans-serif;
	font-size: 1em;
	}
p	{
	margin-bottom: .66em;
	}
img     { border: 0; }
acronym, abbr	{
	border: none;
	font-style: normal;
	}
th	{ text-align: left; }
.clear1 {
	clear: both;
	line-height: 0px;
	}
/* start: mac ie filter \*/
* html .clear1	{ display: none; }
/* end: mac ie filter */

.skipnav1 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	top: -500px;
	border: none;
	}
.skipnav2 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: none;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	}


.bodyWrap1	{
	font-size: .719em;
	margin: 0 auto;
	width: 864px;
	text-align: left;
	min-height: 100%;
	height: auto;
	line-height: 1.25em;
	}
* html .bodyWrap1	{
	height: 100%;
	}


.content1	{
	background: #cde4f2 url(../images/bg1.gif) bottom left repeat-x;
	padding-bottom: 1px;
	}

.content2	{
	background-color: #007ebb;
	border-bottom: 4px solid #80bfde;
	}

.content3	{
	background: #fff url(../images/bg1.gif) bottom left repeat-x;
	padding-bottom: 1px;
	}
	
.content4	{
	color: #ffffff;
	padding: 12px 28px;
	text-align: left;
	font-size: .719em;
	line-height: 2.00em;
	}
	
.left1	{
	height: 650px;
	}
.right1	{
	float: right;
	width: 585px;
	}

.listType1 li	{
	float: left;
	list-style-type: none;
	margin-right: 10px;
	}
* html .listType1 li	{
	margin-right: 9px;
	}
.listType1 a,
.listType1 a:hover	{
	color: #fff;
	border: none;
	}
.listType1 a span	{
	padding: 4px 6px 4px;
	display: block;
	}
.listType1 a:hover span	{
	background-color: #80bfde;
	}
.listType1 .selected a span	{
	background-color: #80bfde;
	}
	
* html .listType2 ul,
* html .listType2 li	{
	behavior: url('js/IEFixes.htc');
	}
html>body .listType2 ul:hover li	{
	-moz-opacity: 0.50;
	opacity: 0.50;
	}
* html .listType2 ul.hover li	{
	filter: alpha(opacity=50);
	}
html>body .listType2 ul:hover li:hover	{
	-moz-opacity: 1.00;
	opacity: 1.00;
	}
* html .listType2 ul.hover li.hover	{
	filter: alpha(opacity=100);
	}
html>body .listType2 ul:hover li:hover .textWrap1	{
	z-index: 100;
	visibility: visible;
	}
* html .listType2 ul.hover li.hover .textWrap1	{
	z-index: 100;
	visibility: visible;
	}
html>body .listType2 ul:hover li li	{
	-moz-opacity: 1.00;
	opacity: 1.00;
	filter: alpha(opacity=100);
	list-style-type: disc;
	float: none;
	}
* html .listType2 ul.hover li li	{
	-moz-opacity: 1.00;
	opacity: 1.00;
	filter: alpha(opacity=100);
	list-style-type: disc;
	float: none;
	}
.listType2 ul ul	{
	margin-left: 18px;
	}
.listType2 li	{
	float: left;
	list-style-type: none;
	}
.textWrap1	{
	padding: 15px 18px;
	height: 200px;
	position: absolute;
	background: #fbddda url(../images/bg3.gif) bottom right no-repeat;
	visibility: hidden;
	width: 522px;
	margin-top: 15px;
	color: #000;
	font-size: .9090em;
	}
* html .textWrap1	{
	margin-top: 365px;
	height: 239px;
	}
.textWrap2	{
	height: 194px;
	position: absolute;
	margin-top: 365px;
	padding: 18px;
	background: #e7f2f8 url(../images/bg2.gif) bottom right no-repeat;
	width: 522px;
	z-index: 1;
	}
* html .textWrap2	{
	height: 239px;
	}
* html .textWrap1,
* html .textWrap2	{
	width: 558px;
	}

#emollient1	{
	margin-left: -186px;
	}
#clearlotion1	{
	margin-left: -372px;
	}
* html #hydrolotion1	{
	margin-left: -190px;
	}
* html #emollient1	{
	margin-left: -376px;
	}
* html #clearlotion1	{
	margin-left: -562px;
	}


.imgType1	{
	float: right;
	position: relative;
	top: 44px;
	right: 28px;
	border: none;
	}
.imgType1:hover	{
	border: none;
	}
	
.textType1	{
	text-align: center;
	color: #999;
	position: absolute;
	margin-top: 347px;
	width: 585px;
	}
.textType2	{
	color: #900;
	font-size: .9090em;
	padding-right: .5em;
	}
	
.tableType1	{
	border-collapse: collapse;
	width: 30.38em;
	margin-bottom: 2em;
	}
.tableType1 td,
.tableType1 th	{
	padding: 3px 6px;
	vertical-align: top;
	}
td.tdType1	{
	text-align: right;
	padding-top: 6px;
	}
td.tdType2	{
	text-align: right;
	}

.trType1 td	{
	padding-top: 2em;
	}
	
.inputType1	{
	width: 22em;
	height: 2em;
	}
.inputType2	{
	width: 22em;
	}
.inputType3	{
	float: right;
	}
	
.textareaType1	{
	width: 22em;
	height: 11em;
	}