/******************************************************************************
*** FRONTOFFICE
*******************************************************************************/
/* Page */
/* Layout */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 67.5%;
	color: #000;
	text-align: center;
	background: #fff url(../img/body.jpg) repeat-x 0 0;
}
div {
	margin: 0;
	padding: 0;
}
div#pageLocation {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: transparent url(../img/div_pageLocation.gif) repeat-y 50% 0;
}
div#innerLocation {
	margin: 0 auto;
	padding: 0;
	width: 791px;
	background: transparent url(../img/div_innerLocation.jpg) no-repeat 50% 0;
}
div#languageLocation {
	margin: 0;
	padding: 17px 0 0 0;
}
div#headerLocation {
	margin: 0 20px;
	padding: 7px 0 0 0;
	height: 85px;
	position: relative;
}
div#logo {
	margin: 23px 0 0 0;
	padding: 0 0 0 20px;
	width: 210px;
	float: left;	
}
div#slogan {
	margin: 20px 0 0 0;
	padding: 0;
	width: 230px;
	float: left;
}
div#searchLocation {
	margin: 0;
	padding: 0;
	float: right;
	position: absolute;
	bottom: 0;
	right: 25px;
}
div#navigationLocation {
	margin: 0 20px;
	padding: 0;
	width: 751px;
	clear: both;
}
div#contentLocation {
	margin: 27px 20px 0;
	padding: 0 0 40px 0;
	display: inline;
	float: left;
	clear: both;
	background: transparent url(../img/div_content.gif) no-repeat 0 100%;
}
div#contentColumnLocation {
	margin: 10px 0 0;
	padding: 0 0 0 15px;
	width: 562px;
	float: right;
}
div#sidebarColumnLocation {
	margin: 0;
	padding: 0;
	width: 174px;
	float: left;
}
div.productspage div#contentLocation {
	margin: 0 20px;
	padding: 0 0 40px;
	display: inline;
	float: left;
	clear: both;
	background: transparent url(../img/div_contentProducts.gif) repeat-y 0 0;
}
div.productspresentation div#contentLocation {
	padding: 0 0 40px 0;
	background: transparent url(../img/div_productspresentation.gif) repeat-x 0 100%;
	width: 751px;
}
div.productspage div#contentColumnLocation {
	margin: 0;
	padding: 0;
	width: 571px;
	float: left;
	display: inline;
}
div.productspage div#sidebarColumnLocation {
	margin: 0;
	padding: 35px 25px 0 25px;
	width: 130px;
	float: left;
	display: inline;
	text-align: center;
}
div.homepage div#contentLocation {
	margin: 0 20px;
	padding: 0;
	display: inline;
	float: left;
	clear: both;
	background: transparent url(../img/div_leftColumnHomepage.jpg) no-repeat 0 100%;
	position: relative;
}
div.homepage div#contentColumnLocation {
	margin: 0;
	padding: 11px 0 0;
	width: 503px;
	float: right;
}
div.homepage div#sidebarColumnLocation {
	margin: 0;
	padding: 11px 20px 0;
	width: 208px;
	float: left;
}
div#footerLocation {
	margin: 0;
	padding: 0 20px 10px;
	width: 751px;
	background: transparent url(../img/div_footer.gif) no-repeat 50% 0;
	clear: both;
}
div#productspot {
	margin: 0;
	padding: 0;
	width: 751px;
	float: left;
	clear: both;
	background: transparent url(../img/div_productspot.gif) no-repeat 0 0;
	height: 75px;
}
div.hexadyn {
	background: transparent url(../img/div_productspot_hex.gif) no-repeat 0 0 !important;
}
div.eezy {
	background: transparent url(../img/div_productspot_eezy.gif) no-repeat 0 0 !important;
}
div.innerColumn {
	margin: 0;
	padding: 25px 0 0 40px;
	width: 220px;
	float: left;
}
div.productsColumn {
	margin: 20px 0 0;
	padding: 0 0 0 10px;
	width: 170px;
	float: left;
}
div.bannerWrapper {
	margin: 0;
	padding: 0;
	width: 552px;
	background: transparent url(../img/div_bannerWrapper.gif) repeat-y 0 0;
	float: left;
}
div.bannerLeftColumn {
	margin: 0;
	padding: 0;
	width: 268px;
	float: left;
}
div.bannerRightColumn {
	margin: 0;
	padding: 0;
	width: 273px;
	float: right;
}
/* Headings */
div#logo h1 {
	margin: 0;
	padding: 0;
}
div#slogan h2 {
	margin: 0;
	padding: 0;
}
div.productspage div#sidebarColumnLocation h2 {
	color: #fff;
	font-size: 1.5em;
}
div#productspot h2 {
	margin: 26px 30px 0 0;
	padding: 0;
	float: right;
}
div.innerColumn h2 {
	margin: 0;
	padding: 28px 80px 0 30px;
	color: #fff;
	width: 125px;
	height: 155px;
	font-size: 2.5em;
	line-height: 1em;
}
h2.eco {
	background: transparent url(../img/h2_ecoblue.jpg) no-repeat 0 0;
}
h2.multi {
	background: transparent url(../img/h2_multiblue.jpg) no-repeat 0 0;
}
div.productsColumn h2 {
	margin: 0 15px 0 0;
	color: #abaca7;
	font-size: 1.6em;
	text-align: right;
	height: 50px;
	overflow: visible;
}
h2.productsService {
	margin: 0;
	padding: 3px 0 0 340px;
	background: transparent url(../img/h2_productsservice.gif) no-repeat 0 0;
	height: 34px;
}
ul.productslist li h2 {
	margin: 10px 0;
}
/* Paragraphs */
div#sidebarColumnLocation p.welcome {
	margin: 40px 0 30px;
	padding: 0;
	font-size: 1.3em;
	color: #464646;
}
div#sidebarColumnLocation p.inbrief {
	margin: 0;
	padding: 0;
	line-height: 3em;
	color: #464646;
}
div#footerLocation p.copyright {
	margin: 0;
	padding: 10px 0 0;
	color: #8b8b8b;
}
p.image {
	margin: 0;
	padding: 0;
}
p.productlogo {
	margin: 0 0 25px;
	padding: 0;
	height: 50px;
}
div#productspot p.theproductlogo {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 174px;
	text-align: right;
}
div#sidebarColumnLocation p.theproductlogo {
	margin: 10px 0;
}
ul.productslist p {
	margin: 10px 0 0;
}
div#sidebarColumnLocation p.quality {
	margin: 25px 0 0 5px;
	padding: 5px 0 5px 20px;
	background: transparent url(../img/p_quality.gif) no-repeat 0 50%;
	font-weight: bold;
	position: relative;
}
div.innerColumn p {
	margin: 0 0 0 15px;
}
div.productsColumn p.additionalinfo {
	margin: 30px 0 0 0;
	font-weight: bold;
}
p.images {
	margin: 0;
	padding: 0;
}
p.more {
	margin: -23px 0 20px;
	padding: 0;
	position: relative;
	z-index: 10;
	text-align: right;
}
p.kitsimage {
	margin: 0;
	padding: 0;
	float: left;
}
p.hihglight {
	margin: 5px 0 5px 30px;
	padding: 0 0 0 15px;
	background: transparent url(../img/p_highlight.gif) no-repeat 0 3px;
	font-weight: bold;
}
p.left {
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}
div.productspage div#sidebarColumnLocation p {
	margin: 0 0 15px;
	line-height: 1.2em;
	position: relative;
}
div.productspage div#sidebarColumnLocation p.qualityimage {
	margin: 0;
	padding: 40px 0 30px;
}
ul.productslist p {
	font-size: .9em;
}
div.productsColumn p.productimage {
	margin: 0;
	padding: 0;
	height: 190px;
}
div.productsColumn p {
	margin: 10px 0;
	padding: 0;
}
div#sidebarColumnLocation p {
	margin: 0;
}
div.bannerWrapper p {
	margin: 0;
	padding: 0;
}
/* Lists */
ul.navigation-global {
	margin: 0;
	padding: 0;
	float: left;
	width: 751px;
	text-transform: uppercase;
	background: transparent url(../img/ul_nav_li.gif) repeat-x 0 0;
	position: relative;
	z-index: 1000;
}
ul.navigation-global li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	border-left: 1px solid #e4e4e2;
	font-size: .9em;
}
ul.navigation-global ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 751px;
	height: 27px;
	text-transform: none;
	background: transparent url(../img/ul_nav_ul.gif) repeat-x 0 0;
	position: absolute;
	top: 36px;
	left: 0;
}
ul.navigation-global ul li {
	width: auto;
	border-left: none;
	position: relative;
}
ul.navigation-global li.current {
}
ul.navigation-global ul li ul {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	position: absolute;
	top: 27px;
	left: 0;
	float: left;
	background-image: none;
}
ul.navigation-global ul li ul li {
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
	font-size: .95em;
}
ul.sub-navigation {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul.sub-navigation li {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
ul.sub-navigation ul {
	margin: -4px 0 0 20px;
	padding: 0 0 0 20px;
}
ul.sub-navigation ul li {
	list-style-type: disc;
}
ul.sub-navigation li.white ul {
	border-top: 4px solid #fbfafa;
	color: #fbfafa;
}
ul.sub-navigation li.yellow ul {
	border-top: 4px solid #ffd548;
	color: #ffd548;
}
ul.sub-navigation li.blue ul {
	border-top: 4px solid #4ac1ea;
	color: #4ac1ea;
}
ul.sub-navigation li.grey ul {
	border-top: 4px solid #cdcdcd;
	color: #cdcdcd;
}
ul.toolbarlinkslist {
	margin: 0;
	padding: 0;
	width: 210px;
	position: absolute;
	top: 5px;
	right: 30px;
}
ul.toolbarlinkslist li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.language {
	margin: 0 20px 0 0;
	padding: 0;
	text-align: right;
}
ul.language li {
	margin: 0 0 0 12px;
	padding: 0;
	display: inline;
	list-style-type: none;
}
ul.productslist {
	margin: 75px 0 0;
	padding: 0;
	width: 571px;
	float: left;
}
ul.productslist li {
	margin: 0;
	padding: 0 25px;
	width: 140px;
	float: left;
	list-style-type: none;
}
ul.allproductslist {
	margin: 0;
	padding: 25px 0 0;
	background: transparent url(../img/ul_all_products.gif) no-repeat 0 0;
}
ul.allproductslist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
}
ul.kitsList {
	margin: 0 60px 0 0;
	padding: 0;
}
ul.kitsList li {
	margin: 0;
	padding: 0 85px 0 0;
	list-style-type: none;
	text-align: right;
}
ul.kitsList li.environment {
	background: transparent url(../img/li_kits_environment.gif) no-repeat 100% 0;
}
ul.kitsList li.chemistry {
	background: transparent url(../img/li_kits_chemistry.gif) no-repeat 100% 0;
}
ul.kitsList li.oil {
	background: transparent url(../img/li_kits_oil.gif) no-repeat 100% 0;
}
ul.kitsList li.universe {
	background: transparent url(../img/li_kits_universe.gif) no-repeat 100% 0;
}
ul.downloads {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	clear: both;
}
ul.downloads li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: transparent url(../img/a_download.gif) no-repeat 0 5px;
}
ul.feautres {
	margin: 0 25px 0 160px;
	padding: 0;
}
ul.feautres li {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	background: transparent url(../img/li_features.gif) no-repeat 0 4px;
}
ul.feautres li.hihglight {
	background: transparent url(../img/p_highlight.gif) no-repeat 0 3px;
	font-weight: bold;
}
/* Semantic */
address {
}
p.welcome strong {
	display: block;
}
/* Images */
a img {
	border: 0;
}
a.microsorb-white img, a.microsorb-yellow img, a.microsorb-blue img, a.microsorb-grey img {
	visibility: hidden;
}
a.hexadyn-white img, a.hexadyn-yellow img, a.hexadyn-blue img, a.hexadyn-grey img {
	visibility: hidden;
}
a.eezysorb-white img, a.eezysorb-yellow img, a.eezysorb-blue img, a.eezysorb-grey img {
	visibility: hidden;
}
/* Links */
a:link, a:visited, a:hover, a:active {
	color: #ef008c;
	text-decoration: underline;
}
ul.navigation-global li a:link, ul.navigation-global li a:visited, ul.navigation-global li a:hover, ul.navigation-global li a:active {
	display: block;
	float: left;
	margin: 0;
	padding: 10px 30px;
	height: 16px;
	text-decoration: none;
	color: #87898c;
	font-weight: bold;
}
ul.navigation-global li a:hover {
	background: transparent url(../img/ul_nav_li_current.gif) repeat-x 0 0;
	color: #fff;
}
ul.navigation-global li.current a:link, ul.navigation-global li.current a:visited, ul.navigation-global li.current a:hover, ul.navigation-global li.current a:active {
	background-color: #edeeef;
	background-image: none;
	color: #ef008c;
}
ul.navigation-global li.current li a:link, ul.navigation-global li.current li a:visited, ul.navigation-global li.current li a:hover, ul.navigation-global li.current li a:active {
	background-color: transparent;
	color: #000;
}
ul.navigation-global li.current li a:hover {
	background: transparent url(../img/ul_nav_li_current.gif) repeat-x 0 0;
	color: #fff;
}
ul.navigation-global ul li a:link, ul.navigation-global ul li a:visited, ul.navigation-global ul li a:hover, ul.navigation-global ul li a:active {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 30px;
	height: 17px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
/* added on 22.06.2007 */
ul.navigation-global ul ul li a:link, ul.navigation-global ul ul li a:visited, ul.navigation-global ul ul li a:hover, ul.navigation-global ul ul li a:active {
 padding: 5px 0 5px 30px;
}
/* end add on 22.06.2007 */
ul.navigation-global ul li a:hover {
	background: transparent url(../img/ul_nav_li_current.gif) repeat-x 0 0;
	color: #fff;
}
ul.navigation-global li.current li.current a:link, ul.navigation-global li.current li.current a:visited, ul.navigation-global li.current li.current a:hover, ul.navigation-global li.current li.current a:active {
	background: transparent url(../img/ul_nav_li_current.gif) repeat-x 0 0;
	color: #fff;
	font-weight: bold;
}
ul.navigation-global li.current li li a:link, ul.navigation-global li.current li li a:visited, ul.navigation-global li.current li li a:hover, ul.navigation-global li.current li li a:active {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	background: #ebeced url(../img/ul_nav_li_li_li.gif) repeat-x 0 0;
}
ul.navigation-global li.current li li a:hover {
	background: transparent url(../img/ul_nav_li_li_li_current.gif) repeat-x 0 0;
}
ul.toolbarlinkslist li a:link, ul.toolbarlinkslist li a:visited, ul.toolbarlinkslist li a:hover, ul.toolbarlinkslist li a:active {
	display: block;
	padding: 30px 10px 0;
	color: #616669;
	text-decoration: none;
}
ul.toolbarlinkslist li.favorite a:link, ul.toolbarlinkslist li.favorite a:visited, ul.toolbarlinkslist li.favorite a:hover, ul.toolbarlinkslist li.favorite a:active {
	background: transparent url(../img/li_favorite.gif) no-repeat 50% 15px;
}
ul.toolbarlinkslist li.sitemap a:link, ul.toolbarlinkslist li.sitemap a:visited, ul.toolbarlinkslist li.sitemap a:hover, ul.toolbarlinkslist li.sitemap a:active {
	background: transparent url(../img/li_sitemap.gif) no-repeat 50% 15px;
}
ul.toolbarlinkslist li.contact a:link, ul.toolbarlinkslist li.contact a:visited, ul.toolbarlinkslist li.contact a:hover, ul.toolbarlinkslist li.contact a:active {
	background: transparent url(../img/li_contact.gif) no-repeat 50% 15px;
}
ul.sub-navigation li a:link, ul.sub-navigation li a:visited, ul.sub-navigation li a:hover, ul.sub-navigation li a:active {
	display: block;
	padding: 5px 0 5px 10px;
	color: #6e6e6e;
	text-decoration: none;
	height: 21px;
}
ul.sub-navigation li.white a:link, ul.sub-navigation li.white a:visited, ul.sub-navigation li.white a:hover, ul.sub-navigation li.white a:active {
	border-left: 0;
	padding: 5px 0 5px 25px;
	background: transparent url(../img/ul_sub_nav_white.gif) no-repeat 0 0;
}
ul.sub-navigation li.yellow a:link, ul.sub-navigation li.yellow a:visited, ul.sub-navigation li.yellow a:hover, ul.sub-navigation li.yellow a:active {
	border-left: 16px solid #ffd548;
}
ul.sub-navigation li.blue a:link, ul.sub-navigation li.blue a:visited, ul.sub-navigation li.blue a:hover, ul.sub-navigation li.blue a:active {
	border-left: 16px solid #4ac1ea;
}
ul.sub-navigation li.grey a:link, ul.sub-navigation li.grey a:visited, ul.sub-navigation li.grey a:hover, ul.sub-navigation li.grey a:active {
	border-left: 16px solid #cdcdcd;
}
ul.sub-navigation li.multiblue a:link, ul.sub-navigation li.multiblue a:visited, ul.sub-navigation li.multiblue a:hover, ul.sub-navigation li.multiblue a:active {
	border-left: 16px solid #52abd6;
}
ul.sub-navigation li.ecoblue a:link, ul.sub-navigation li.ecoblue a:visited, ul.sub-navigation li.ecoblue a:hover, ul.sub-navigation li.ecoblue a:active {
	border-left: 16px solid #136395;
}
ul.sub-navigation li.environment a:link, ul.sub-navigation li.environment a:visited, ul.sub-navigation li.environment a:hover, ul.sub-navigation li.environment a:active {
	padding: 5px 0 5px 20px;
	border-left: none;
	background: transparent url(../img/li_environment.gif) no-repeat 0 50%;
}

ul.sub-navigation li.chemistry a:link, ul.sub-navigation li.chemistry a:visited, ul.sub-navigation li.chemistry a:hover, ul.sub-navigation li.chemistry a:active {
	padding: 5px 0 5px 20px;
	border-left: none;
	background: transparent url(../img/li_chemistry.gif) no-repeat 0 50%;
}
ul.sub-navigation li.oil a:link, ul.sub-navigation li.oil a:visited, ul.sub-navigation li.oil a:hover, ul.sub-navigation li.oil a:active {
	padding: 5px 0 5px 20px;
	border-left: none;
	background: transparent url(../img/li_oil.gif) no-repeat 0 50%;
}
ul.sub-navigation li.universe a:link, ul.sub-navigation li.universe a:visited, ul.sub-navigation li.universe a:hover, ul.sub-navigation li.universe a:active {
	padding: 5px 0 5px 20px;
	border-left: none;
	background: transparent url(../img/li_universe.gif) no-repeat 0 50%;
}

ul.sub-navigation li.servicegrey a:link, ul.sub-navigation li.servicegrey a:visited, ul.sub-navigation li.servicegrey a:hover, ul.sub-navigation li.servicegrey a:active {
	border-left: 15px solid #b4b4b4;
}
ul.sub-navigation li.white li a:link, ul.sub-navigation li.white li a:visited, ul.sub-navigation li.white li a:hover, ul.sub-navigation li.white li a:active {
	border-left: none;
	padding: 0;
}
ul.sub-navigation li.white li a:hover {
	color: #eaeaea;
}
ul.sub-navigation li.yellow li a:link, ul.sub-navigation li.yellow li a:visited, ul.sub-navigation li.yellow li a:hover, ul.sub-navigation li.yellow li a:active {
	border-left: none;
	padding: 0;
}
ul.sub-navigation li.yellow li a:hover {
	color: #ffd548;
}
ul.sub-navigation li.blue li a:link, ul.sub-navigation li.blue li a:visited, ul.sub-navigation li.blue li a:hover, ul.sub-navigation li.blue li a:active {
	border-left: none;
	padding: 0;
}
ul.sub-navigation li.blue li a:hover {
	color: #4ac1ea;
}
ul.sub-navigation li.grey li a:link, ul.sub-navigation li.grey li a:visited, ul.sub-navigation li.grey li a:hover, ul.sub-navigation li.grey li a:active {
	border-left: none;
	padding: 0;
}
ul.sub-navigation li.grey li a:hover {
	color: #cdcdcd;
}
p.quality a:link, p.quality a:visited, p.quality a:hover, p.quality a:active {
	color: #6e6e6e;
	text-decoration: none;
}
a.zoom:link, a.zoom:visited, a.zoom:hover, a.zoom:active {
	display: block;
	padding: 2px 15px 2px 0;
	text-align: right;
	background: transparent url(../img/a_zoom.gif) no-repeat 100% 50%;
}
/* buliliea: dynamic creation of over styles */
/* exemple from template in cssbanners.css */
/* end dynamic styles*/
/* Widgets */

/* Inputs */
form {
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset.search {
	padding: 5px 0 0 0;
	width: 256px;
	height: 26px;
	text-align: right;
}
fieldset.search label {
	color: #000;
	font-weight: bold;
}
fieldset.search input.txt {
	width: 100px;
	height: 17px;
	border-top: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;	
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
}
fieldset.search input.btn {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;	
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background-color: #ef008c;
	color: #fff;
	width: 30px;
}
fieldset.newsletter {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 208px;
}
fieldset.newsletter label {
	display: block;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	background: transparent url(../img/fieldset_newsletter_label.gif) no-repeat 0 4px;
	position: relative;
	left: -10px;
}
fieldset.newsletter input.txt {
	width: 100px;
	height: 17px;
	border-top: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;	
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
}
fieldset.newsletter input.btn {
	margin: 0;
	padding: 0;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;	
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background-color: #ef008c;
	color: #fff;
	width: 30px;
}
/* Tables */
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.productParameters {
	margin: 0 0 10px 0;
}
table.productParameters thead th {
	padding: 5px 10px;
	background-color: #8ecce1;
	color: #fff;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.productParameters tbody th {
	padding: 5px 10px;
	color: #000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table.productParameters tbody td {
	padding: 5px 10px;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #8ecce1;
}
/******************************************************************************
*** RICHTEXT
*******************************************************************************/
/* Richtext */
/* Layout */
/* Headings */
h1 {
	margin: 0 25px 0 15px;
	padding: 0;
	color: #3c6288;
	font-size: 2.2em;
}
h2 {
	margin: 5px 0 15px 0;
	padding: 10px 0 0 3px;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
}
h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
}
h6 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
}
/* Paragraphs */
p {
	margin: 0 5px 10px 5px;
	padding: 0;
	font-size: 1.1em;
}
/* Lists */
ul, ol {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-position: outside;
	font-size: 1.1em;
}
li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: disc;
}
/* Semantic */
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* Images */
/* Links */
a:link, a:visited, a:hover, a:active {
	color: #ef008c;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* Widgets */
/* Tables */
/******************************************************************************
*** OLD USED RICHEDIT STYLES
*******************************************************************************/
/* LISTES A PUCE */
li.ListePuceFlecheRose{

            list-style-type: none;

            font-weight: bold;

            list-style-image: url(../img/puce_fleche.gif);

}

.PuceFlecheRose{

            list-style-type: none;

            font-weight: bold;

            background: url(../img/puce_fleche_new.gif) top left no-repeat;

            padding-left: 15px;

}

.PuceTablComment{

            list-style-type: none;
            font-style: italic;
            background: url(../img/puce_tabl_comment.gif) no-repeat 0 3px;
            padding-left: 15px;
            display: block;
}
/* sous-titres de couleur affiliés à chaque produit */
.soustitreblanc{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #000000;
	margin: 0;
	padding: 5px 0 15px 20px;
  /*background: url(../img/h2trait1.gif)  left repeat-x;*/
	border-bottom: #000000 1px solid;
}

.soustitrejaune{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #ffc000;
	margin: 0;
	padding: 5px 0 15px 20px;
	/*background: url(../img/h2trait2.gif)  left repeat-x;*/
	border-bottom: #ffc000 1px solid;
}

.soustitrebleu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #52b5e6;
	margin: 0;
	padding: 5px 0 15px 20px;
	/*background: url(../img/h2trait3.gif)  left repeat-x;*/
	border-bottom: #52b5e6 1px solid;
}

.soustitregris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #c1c1c1;
	margin: 0;
	padding: 5px 0 15px 20px;
	/*background: url(../img/h2trait4.gif)  left repeat-x;*/
	border-bottom: #c1c1c1 1px solid;
}

.soustitrerouge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #ff3636;
	margin: 0;
	padding: 5px 0 15px 20px;
	/*background: url(../img/puce_h2.gif)  left no-repeat;*/
	border-bottom: #ff3636 1px solid;
}
/* fin sous-titres de couleur affiliés à chaque produit */
/******************************************************************************
*** FIXING STYLES
*******************************************************************************/
/* home page image */
div.image
{
	margin: 0;
	padding: 0;
}
/* product home images */
div.productsColumn div.image {
	margin: 0;
	padding: 0;
	height: 190px;
}
/* absorbants home images */
div.productlogo div.image
{
	margin: 10px 0 25px;
	padding: 0;
	height: 30px;
}
div.productimg div.image
{
	margin: 0 0 0;
	padding: 5px 0 0;
}
/* kits home images */
div.kitsimage div.image
{
	margin: 0;
	padding: 0;
	float: left;
}
/* sub menus*/
ul.sub-navigation li.ecoblue ul {
	border-top: 4px solid #136395;
	color: #136395;
}
ul.sub-navigation li.ecoblue li a:link, ul.sub-navigation li.ecoblue li a:visited, ul.sub-navigation li.ecoblue li a:hover, ul.sub-navigation li.ecoblue li a:active {
	border-left: none;
	padding: 0;
}
ul.sub-navigation li.multiblue ul {
	border-top: 4px solid #52abd6;
	color: #52abd6;
}
ul.sub-navigation li.multiblue li a:link, ul.sub-navigation li.multiblue li a:visited, ul.sub-navigation li.multiblue li a:hover, ul.sub-navigation li.multiblue li a:active {
	border-left: none;
	padding: 0;
}

ul.sub-navigation li.environment ul {
	border-top: 4px solid #fbfafa;
	color: #fbfafa;
}
ul.sub-navigation li.environment li a:link, ul.sub-navigation li.environment li a:visited, ul.sub-navigation li.environment li a:hover, ul.sub-navigation li.environment li a:active {
	background: none;
	padding: 0;
}
ul.sub-navigation li.chemistry ul {
	border-top: 4px solid #ffd548;
	color: #ffd548;
}
ul.sub-navigation li.chemistry li a:link, ul.sub-navigation li.chemistry li a:visited, ul.sub-navigation li.chemistry li a:hover, ul.sub-navigation li.chemistry li a:active {
	background: none;
	padding: 0;
}
ul.sub-navigation li.oil ul {
	border-top: 4px solid #52abd6;
	color: #52abd6;
}
ul.sub-navigation li.oil li a:link, ul.sub-navigation li.oil li a:visited, ul.sub-navigation li.oil li a:hover, ul.sub-navigation li.oil li a:active {
	background: none;
	padding: 0;
}
ul.sub-navigation li.universe ul {
	border-top: 4px solid #cdcdcd;
	color: #cdcdcd;
}
ul.sub-navigation li.universe li a:link, ul.sub-navigation li.universe li a:visited, ul.sub-navigation li.universe li a:hover, ul.sub-navigation li.universe li a:active {
	background: none;
	padding: 0;
}
/* Rich Edit List Styles*/
/******************************************************************************
*** STYLES BLEU
*******************************************************************************/
h3.usageBleu {
	position: relative;
	margin: -25px 0 0 0;
	padding: 25px 30px 5px 100px;
	background: transparent url(../img/h3_usage_b.gif) repeat-y 100% 0;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	z-index: 100;
}
h2.productTypeBleu {
	margin: 20px 0 15px 0;
	padding: 0 0 10px 20px;
	background: transparent url(../img/h2_producttype_b.gif) no-repeat 0 5px;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 2px solid #49c1e9;
}
h5.activitiesBleu {
	margin: 0;
	padding: 3px 0 3px 25px;
	background-color: #49c1e9;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
	float: none;
}
span.feautresBleu
{
	margin: 0 20px 0 25px;
	padding: 0 0 0 15px;
	background: transparent url(../img/li_features_b.gif) no-repeat 0 4px;
}
p.hihglightBleu
{
	margin: 5px 0 5px 30px;
	padding: 0 0 0 15px;
	background: transparent url(../img/p_highlight_b.gif) no-repeat 0 3px;
	font-weight: bold;
}
span.downloadsBleu
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 100%;
	clear: both;
	background: transparent url(../img/a_download_b.gif) no-repeat 0 5px;
}
/******************************************************************************
*** STYLES VERT
*******************************************************************************/
h3.usageVert {
	position: relative;
	margin: -25px 0 0 0;
	padding: 25px 30px 5px 100px;
	background: transparent url(../img/h3_usage_g.gif) repeat-y 100% 0;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	z-index: 100;
}
h2.productTypeVert {
	margin: 20px 0 15px 0;
	padding: 0 0 10px 20px;
	background: transparent url(../img/h2_producttype_g.gif) no-repeat 0 5px;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 2px solid #036f31;
}
h5.activitiesVert {
	margin: 0;
	padding: 3px 0 3px 25px;
	background-color: #036f31;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
	float: none;
}
span.feautresVert
{
	margin: 0 20px 0 25px;
	padding: 0 0 0 15px;
	background: transparent url(../img/li_features_g.gif) no-repeat 0 4px;
}
p.hihglightVert
{
	margin: 5px 0 5px 30px;
	padding: 0 0 0 15px;
	background: transparent url(../img/p_highlight_g.gif) no-repeat 0 3px;
	font-weight: bold;
}
span.downloadsVert
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 100%;
	clear: both;
	background: transparent url(../img/a_download_g.gif) no-repeat 0 5px;
}
/******************************************************************************
*** STYLES JAUNE
*******************************************************************************/
h3.usageJaune {
	position: relative;
	margin: -25px 0 0 0;
	padding: 25px 30px 5px 100px;
	background: transparent url(../img/h3_usage_y.gif) repeat-y 100% 0;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	z-index: 100;
}
h2.productTypeJaune {
	margin: 20px 0 15px 0;
	padding: 0 0 10px 20px;
	background: transparent url(../img/h2_producttype_y.gif) no-repeat 0 5px;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 2px solid #ffd548;
}
h5.activitiesJaune {
	margin: 0;
	padding: 3px 0 3px 25px;
	background-color: #ffd548;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
	float: none;
}
span.feautresJaune
{
	margin: 0 20px 0 25px;
	padding: 0 0 0 15px;
	background: transparent url(../img/li_features_y.gif) no-repeat 0 4px;
}
p.hihglightJaune
{
	margin: 5px 0 5px 30px;
	padding: 0 0 0 15px;
	background: transparent url(../img/p_highlight_y.gif) no-repeat 0 3px;
	font-weight: bold;
}
span.downloadsJaune
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 100%;
	clear: both;
	background: transparent url(../img/a_download_y.gif) no-repeat 0 5px;
}
/******************************************************************************
*** STYLES GRIS
*******************************************************************************/
h3.usageGris {
	position: relative;
	margin: -25px 0 0 0;
	padding: 25px 30px 5px 100px;
	background: transparent url(../img/h3_usage_gr.gif) repeat-y 100% 0;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	z-index: 100;
}
h2.productTypeGris {
	margin: 20px 0 15px 0;
	padding: 0 0 10px 20px;
	background: transparent url(../img/h2_producttype_gr.gif) no-repeat 0 5px;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 2px solid #a3a3a3;
}
h5.activitiesGris {
	margin: 0;
	padding: 3px 0 3px 25px;
	background-color: #a3a3a3;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
	float: none;
}
span.feautresGris
{
	margin: 0 20px 0 25px;
	padding: 0 0 0 15px;
	background: transparent url(../img/li_features_gr.gif) no-repeat 0 4px;
}
p.hihglightGris
{
	margin: 5px 0 5px 30px;
	padding: 0 0 0 15px;
	background: transparent url(../img/p_highlight_gr.gif) no-repeat 0 3px;
	font-weight: bold;
}
span.downloadsGris
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 100%;
	clear: both;
	background: transparent url(../img/a_download_gr.gif) no-repeat 0 5px;
}
/* Fixes 22.06.2007 */
font.puceTableComment {
    background-position: 0 3px !important;
}
span.feautresBleu, span.feautresVert, span.feautresJaune, span.feautresGris
{
    display: block !important;
}
div.productlogo div.image {
    height: 45px;
}
.PlanNiveau1 ul{
list-style-type: disc;
}

.PlanNiveau li{
list-style-type: disc;
}

.PlanNiveau2 ul{
list-style-type: disc;
}

.PlanNiveau2 li{
list-style-type: disc;
}

.PlanNiveau3 ul{
list-style-type: disc;
}
.Commentaires{
	width: 300px;
}
ul.PlanNiveau1 ul {
 font-size: 1em;
}