/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
    }


	img {
		border: 1px solid #808080;
	}

	a, a:visited {
	    	color:#000;
		text-decoration: none;
		/* background:#e0f6ff; */
	}

	a:hover {
		color:#000;
		text-decoration:underline;
	}

	A img {
	        background:#FFF;
		border: 1px solid #808080;
	}

	A img:hover {
		border: 1px solid #303030;
	}


    h1, h2, h3 {
        padding:0;
    }

    p {
        padding:0;
    }

    form {
	margin-bottom:0px;
	margin-top:0px;
	}

    text{
	width:200px;
	font-family:"Trebuchet MS", Tahoma, Arial;
    }

    textarea{
	width:98%;
	font-family:"Trebuchet MS", Tahoma, Arial;
    }

#header {
	clear:both;
	float:left;
        width:100%;				/* width of whole page */
	height: 108px;
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(images/header_back_3.gif) repeat-x top; 
    }

#logo {
	position:relative;	
	display:block;
	clear:both;
	float:left;
	margin-top: 5px; 
	margin-bottom: 8px; 
	margin-left: 15px;
	width: 220px; 
	height: 71px;
	background: transparent url(images/os_logo30_chem.gif) no-repeat top left;
}

#header h2 { 
	position:relative;
	display:block;
	float: left;
	margin-top: 30px; 
	margin-bottom:0px;
	margin-left: 10px;
	color: #0A639A;
	text-transform:uppercase;
	font-weight: bold; 
	}


#language_bar {
	float: left; 
	height: 104px; 
	width: 80px;
	margin-top: 84px;
}

#header ul, .language_bar ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0 0 0 15px;
    padding: 0 0 0 0;
	height: 15px;	
}


#language_bar ul {
	width: 80px;
}

#header ul li, #language_bar ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
}

#header ul li a, #language_bar ul li a {
	    display:block;
	    float:left;
	    border: 1px solid #ccc;
	    color:#303030;
	    text-align:center;
	    margin:0 0 0 1px;
	    font-weight:normal;		
	    text-decoration:none;
	}

#header ul li a {
	    padding:3px 20px;
	    left:15px;
}

#language_bar ul li a {
	    padding:3px 7px;
	    left:5px;
}


	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#303030;
	}

	#header ul li a span {
	    display:block;
	}

.subheader, subheader2 {
        clear:both;
	text-align:left;
	padding-left: 20px;
	height:23px;
	border-top:2px solid #808080;
	border-bottom:1px solid #ddd;
	font-weight: normal; 
}

#footer {
	clear:both;
	float:left;
	width: 100%;
	overflow:hidden;		/* This chops off any overhanging divs */
	color: #888;
	margin:0;
	border-top:1px solid #ddd;
}

#footer a{
	color: #888;
}

.subheader span, #footer span {
	display:block;
	margin-bottom: 0px;
	margin-top: 3px;
	padding: 0 20px 0 0;
	}


#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:15px;
	background:#fff;    	/* Centre column background colour */

}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-215px;

}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;

}
#col1pad {
	margin:0 0 0 215px;
	overflow:hidden;

}
#col1 {
	width:100%;
	overflow:hidden;
	padding-top:15px;
	background: #fff;
}

#col2 {
	float:left;
	width:185px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
	background:#fff;
} 

#col3 {
	float:left;
//	width:170px;
	width:10px;
	position:relative;
	left:15px;
	overflow:hidden;
}





#title_added_text{
display:block; 
margin-top:10px;
	}


.menu {
position:relative;
float:left;
width:170px; 
left: 0px;
margin-top:15px;
margin-right:15px;
z-index:99;
} 

.menu ul, .page_menu ul  { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

.menu a, .menu h2, .boxhead h2, .prod_title, .prod_num, .prod_num_replacer, .page_menu a {
min-height:23px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-weight:normal;
font-size:10pt; 
color: #000;
display: block;
margin: 0;
padding-top:5px;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
}


.menu a {
border-top: 1px solid #808080;
padding-bottom:5px;
}

.menu h2, .prod_title, .prod_title a, .prod_title a:hover, .prod_title a:visited, .boxhead h2 {
color: #fff;
background: #303030;
text-transform: uppercase;
font-size:14px; 
}

.menu .menu_first h2, .boxhead h2 {
  background: #303030 url(images/h_menu_top.gif) no-repeat top; 
}

.menu a, .page_menu a, .titlesubheader {
	background: #e4e4e4;
font-weight:bold;
text-decoration: none;
color: #000;
}

.titlesubheader {
clear:both;
padding-left:20px;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
border: 1px solid #808080;
font-weight:normal;
}

.page_menu a {
	border-bottom:1px solid #FFF;
}

.menu a:hover, .page_menu a:hover {
color: #fff;
text-decoration:none;
}


.menu li a em, .page_menu li a em { 
display:block; 
float:left;
margin-right:10px;
width:20px; 
height:20px; 
}

.menu li a em.ts { 
background-image: url('images/icon_ts_01.gif'); 
background-repeat: no-repeat; 
background-position: center center; 
}

.menu li a em.sw { 
background-image: url('images/icon_sw_01.gif'); 
background-repeat: no-repeat; 
background-position: center center; 
}

.menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

.menu ul ul ul {
position:absolute;
top: 1px;
left: 100%; /* to position them to the right of their containing block */
width: 550px; /* width is based on the containing block */
border-left:1px solid #eee;

}

.menu ul ul ul a {
background:#303030;
height: 25px;
padding-bottom:0px;
color: #fff;
font-weight:bold;
white-space:nowrap;
}

div.menu ul ul ul,
div.menu ul ul li:hover ul ul
{display: none;}


div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}



.container_title {
clear: both;
width: 100%;
float: left;
margin-right: -150px;
}

.prod_title {
  background: #303030 url(images/h_border_left_2.gif) no-repeat top left; 
  margin-right: 150px;
}


.prod_num, .prod_num_replacer {
  width: 110px;
  float: right;
  font-weight:bold;
  text-align:right;
  margin-bottom:10px;
}
.prod_num_replacer a {
  color: #fff;
}


.prod_num_replacer {
  background:#303030 url(images/h_border_right.gif) no-repeat top right; 
  font-weight: normal;
}

.productcard {
clear:both;
height:100%;
border: 1px solid #808080;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding:5px;
padding-left:10px;
overflow:hidden;		/* This chops off any overhanging divs */
background: #eeeeee;
}

.productcard a {
  font-weight:bold;
}

.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}

.productcard_small {
float: left;
position: relative;
z-index: 1;
right: -50%;
overflow: hidden;
text-align: center;
border: none;
width: 170px;
height: 210px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding:5px;
padding-left:10px;
line-height: 1.1; 
}


.container_description {
width: 100%;
margin-top:10px;
margin-bottom:15px;
float: left;
margin-right: -262px;
}

.right_images {
	float:left; 
	width: 250px; 
	padding-top:15px;
}

.description {
	margin-right: 260px;
	padding-right: 15px;
	padding-left:2px;
}

.images {
	float:right;
	text-align:right;
	width:258px;
	padding-right: 2px;
}

.text_only {
	clear:both;
	position:relative;
	width:100%;
	padding-left:1px;
}

.text_only p {
	padding-right:10px;
}

.text_only a {
	color: #008030;
//	color: #28A04F;
	font-weight:bold;
}

.text_only h2 {
	text-transform: uppercase;
}

.text_only h3 {
	font-weight: bold;
	padding: 2px;
	padding-left: 10px;	
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.text_only td  {
 	vertical-align: top;
	padding: 0;
}

.text_only li {
    list-style: square outside;
}


.p_table {
	margin-top:5px;
	width:99%; 
	border-collapse:collapse; 
	COLOR: #000000; 
	vertical-align: center;
}
.p_table td {
	border:1px solid #808080; 
	padding:3px; 
	padding-left:5px
}

.p_table th {
	border:1px solid #808080; 
	padding:3px; 
	background: #eee; 
	text-align:left; 
}

.p_table A:link {COLOR: #000000; TEXT-DECORATION: none}
.p_table A:visited {COLOR: #000000; TEXT-DECORATION: none}
.p_table A:hover {COLOR: #000000; text-decoration: underline}


.sidebox {
margin-top:15px;
}

.boxhead {
	text-align: center;
}

.boxhead h2{
padding-left:5px;
padding-right:5px;
}

.boxsubhead {
	height:15px;
	display: block;
	background: #ccc;
	font-size: 10px;
	font-weight:normal;
	text-transform: uppercase;
	text-align:right;
	padding-right:10px;
}

.boxbody {
	color: #000;
	background: #eeeeee;
	text-decoration: none;
	margin: 0;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
}
.boxbody p {
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #808080;
}

.form_container {
margin-top: 10px;
padding:10px;
background: #eee;	
border: 1px solid #808080;
}

.underlined, h4 {
	font-weight:bold; 
	padding: 3px;
	padding-left: 7px;
	border-bottom:1px solid #808080;
}

.underlined {
	text-align:right; 

}

h4 {
	text-align:left; 
}

.form_div {
	clear:both;
	text-align:left; 
	font-weight:bold; 
	padding-left: 15px;
	background: #e0e0e0;
	border-top:1px solid #808080;
}

.icon_box {
    	position: relative;
	margin-top: 15px; 
	float:left; 
	display: table-cell;
	height: 36px; 
	width: 220px; 
	font-size: 11px;
}

.icon_box span {
    display: block;
    vertical-align: middle; 
}

.icon_box img {
	border: 1px solid #fff;
	padding-left: 10px;
	padding-right: 7px;
	vertical-align: middle; 
}

.icon_box A img:hover {
	border: 1px solid #eee;
	}

.uppercase{
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}


.doc_text {
	font-family: "Trebuchet MS", Tahoma, Arial;
	COLOR: #000000; 
	vertical-align: center
	}

.doc_text img, .doc_text A img:hover {
	border: 1px solid #fff;
	}

.doc_text h2, h5 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.doc_text h5 {
	border-bottom:1px solid #808080;
}

.d_table {width:100%; border-collapse:collapse;  
	 COLOR: #000000; 
	}

.d_table td, th {
 font-family: "Trebuchet MS", Tahoma, Arial;
 border:1px solid gray; 
 padding:7px
 text-align: center;
 vertical-align: middle; 
 }

.d_table td, .d_text {
	font-size: 30px; 
	font-weight: bold; 
	text-align: center; 

	color: #005C30;
//	color:#82C58A;

	}

.d_table th {
	font-family: "Trebuchet MS", Tahoma, Arial;
	background-color:#eee;
	}

.d_text {
	text-align:left;
	}

.announce{
	float: left; 
	position:relative;
	width:170px; 
	z-index:100;
}

.videoblock {
  	float: right; 
	border: 1px solid #ccc;
	height: 100px; 
	width: 150px; 
	margin-right: 3px; 
	margin-top: 3px;
	text-align: center;

}

.header_block {
	float:left;
}

.video_header{
	height: 108px; 
	overflow:hidden;
}

.video_header a:hover{
	text-decoration: none;
}


.videoblock a: hover  {
}

.videoblock span {
	display: block;
	color: #fff;
	font-size: 11px;
      	//font-weight: bold;
	background: #606060;
	line-height: 0.9; 
	padding-top: 1px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}


.maintext {
	width: 300px; 
	float: left; 
	margin-left: 20px; 
	padding-top: 20px;
}

.mainimages {
	width: 150px; 
	height: 150px; 
	float: left; 
	text-align: right;
}

.twocolumnscard {
	width: 47%; 
	height: 170px;
	overflow:hidden;		
	float: left; 
	padding: 5px;  
	border: 1px solid #ccc; 
	margin-right:5px; 
	margin-bottom: 5px;
}


.form_table {
	border-bottom:1px solid #ccc;
}

.form_table th {
	text-align: right;
	vertical-align: top;
	border:0;
}
.form_table td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

.tag_container {
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;

}

.tag, .tag_selected, .tag_green {
   float: left;
   padding-left: 10px;
   padding-top: 2px;
   background: url(images/tag_03.gif) no-repeat top left; 
   height: 21px;
   font-weight: bold;
}

.tag_selected {
   background: url(images/tag_01.gif) no-repeat top left; 
}

.tag_green {
   background: url(images/tag_04.gif) no-repeat top left; 
}

.tag_selected a, .tag_green a {
   color: #fff;
}


.tag_r, .tag_r_selected, .tag_r_green {
  display:block;
  height: 21px;
  width: 15px;
  float: left;
  background: url(images/tag_03r.gif) no-repeat top left; 
}
.tag_r_selected {
  background: url(images/tag_01r.gif) no-repeat top left; 
}
.tag_r_green {
  background: url(images/tag_04r.gif) no-repeat top left; 
}

// form elements

input {
 background-color: #FFF;
 border: 0px;
 color: #060;
 font-family:"Trebuchet MS", Tahoma, Arial;
 font-size: 10pt;
 font-weight: bold;
}

textarea {
 background-color: #FFF;
 border: 0px;
 color: #060;
 font-family:"Trebuchet MS", Tahoma, Arial;
 font-size: 10pt;
 font-weight: bold;
}

.button {
    border: 1px solid #080;
    background: #82C58A;
    color: #000;
}

.button:hover {
    background: #363;
    color: #FFF;
}



/*Backgrounds*/

.productcard, .titlesubheader, .subheader, .p_table th, .form_container, .d_table th, .twocolumnscard, #footer {
	background: #f8f8f8;
}

.menu a:hover, .page_menu a:hover, #header ul li a:hover, .language_bar ul li a:hover {
	text-decoration: none;
	color: #FFF;
	background: #0A639A;
}



#header ul li a.active:hover {
	background: #303030;
}

.menu a, .page_menu a, .boxbody, #header ul li a, .language_bar span
{
	background: #e4e4e4;
}

.prod_num, .prod_num_replacer {
	color: #FFF;
	background: #0A639A url(images/h_border_blue2_right.gif) no-repeat top right; 
}