@import url(navigation.css);
@import url(footer.css);
@import url(forms.css);
@import url(layout.css);
@import url(tabs.css);
@import url(sitemap.css);


/* basic elements ///////////////////////////////////////////////////////////////////////////////////// */
html {
	margin: 0px;
	padding: 0px;
	}

body { 
	font: 9pt/17pt arial, helvetica, verdana, san-serif; 
	color: #555555; 
	line-height:16px;
	background: none;
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
}
	
form{margin:0;}
/*main section*/

p {
	/*  margin: top right bottom left */
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h1 { 
	font: normal 17pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #6699cc;
	}

h2 { 
	font: bold 12pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #6699cc;
	}

h3 { 
	font: bold 11pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
	}
	
h4 { 
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
	}


a:link {
	color:#1d97c3;
	text-decoration:underline;
	outline: none;	
}

a:visited {
	color:#1d97c3;
	text-decoration:underline;
	outline: none;
}

a:hover {
	color:#ff7802;
	text-decoration:underline;
	outline: none;
}

a:visited:hover {
	color:#ff7802;
	text-decoration:underline;
	outline: none;
}


a.grylnk:link { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	font-weight: normal; 
	text-decoration: none; 
	color: #purple;
	outline: none;
	}

a.grylnk:visited { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	font-weight: normal; 
	text-decoration: none; 
	color: #b5b5b5;
	outline: none;
	}

a.grylnk:hover, a.grylnk:active { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	text-decoration: underline; 
	color: #00a3e4;
	outline: none;
	}
	
ul {
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	color: #555555;
	list-style-position: outside;
	margin: 10px;
	padding: 10px;
	}

li {
	margin-top: 0px;
	margin-left: 0px;
	}

.expert_caption {
	color: #464678;
	margin-top:20px;
	padding-top:5px;
	border-top: 1px dotted #aaa;
	width:110px;
}

ul.arrow {
    margin: 10px 0px 10px 0px;
    padding-left: 15px;
    list-style: square url(../images/bullet_arrow.gif);
}

li.arrow {
    margin: 0px 0px 20px 0px;
}

ul.pdf {
    margin: 10px 0px 10px 0px;
    padding-left: 25px;
    list-style: square url(../images/icon_pdf.gif);
    float: left;
    line-height:20px;
}

li.pdf {
    margin: 0px 0px 20px 0px;
}

hr {
    border-right: #000000 0px solid;
    border-top: #CCCCCC 1px dotted;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    color: #CCCCCC;
    height: 1px;
}


/* containers ///////////////////////////////////////////////////////////////////////////////////// */

#Header { 
	width: 950px;
	height: 235px;
	float:left;
	display:block;
}

#HomeLogo {
	display:block;
	float:left;
	margin: 0px 0px 0px 0px;
	width:345px;
	height:200px;
	background: none;
}

#logo {
	display:block;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 95px 0px 0px;
	width:250px;
	height:120px;
	background: none;
}

#Search {
	display:table;
	float:left;
	padding: 0px 0px 0px 0px;
	width:160px;
}

#SearchBtn {
	display:table;
	float:left;
	padding: 0px 0px 0px 0px;
	width:24px;
}

#Country {
	display:none;
	float:left;
	padding: 0px 0px 0px 0px;
}

#MainContainer { 
	background: url(../images/main_container_bg.jpg) no-repeat;
	margin: 0 auto; 
	width:950px;
	display:table;	
	}

#HomeContentContainer { 
	margin: 0px 0px 0px 0px;
	width:950px;
	background: none;
	display:block;
	}

/* TIER STYLES* *****************************************************************************/

#TierHeader { 
	background: none; 
	width: 950px;
	height: 120px;
	float:left;
	display:block;
	padding-bottom:20px;
	}
	
#TierPageHeader { 
	background: none;
	padding: 0px 15px 0px 0px;
	width: 715px;
	float:left;
	display:block;
	position: relative;      /************ Chemtura Update  SGM  NEW LINE ***************/
    	top: -20px;		 /************ Chemtura Update  SGM  NEW LINE ***************/
	}
	
#TierMainContainer { 
	background: url(../images/main_container_bg.jpg) no-repeat #98dbee;
	margin: 0 auto; 
	width:950px;
	display:table;
	}
	
#TierContentContainer { 
	margin: 0px 20px 0px 20px;
	width:910px;		
	background: transparent url(../images/tier_content_bg.png) no-repeat bottom;
	float:left;
	display:block;
	}

#TierContent { 
	padding: 10px 15px 40px 0px;
	width:715px;         	/********** Chemtura Update  MKM  Was 715 **********/
	background: none;
	float:left;
	display:block;
}

#UtilityContent { 
	padding: 0px 0px 40px 0px;
	width:910px;
	background: none;
	float:left;
	display:block;
}

#TierContent .display_title {
}

/*Update rg */
#TierContent .title_image {
	/*float: right;
	padding: 15px 0px 20px 30px;*/
}

#TierContent .body1 {
}

#TierContent .body2 {
}

/* TierLeftNavContainer */

#TierLeftNavContainer { 
	padding: 0px 25px 0px 15px;
	margin: 0px;
	width:140px;
	display:block;
	float:left;
	background: none;
	}

/* TierLeftNav_Box1 */

#TierLeftNav_Box1 {
	width:140px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* TierLeftNav_Box2 */

#TierLeftNav_Box2 {
	width:140px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	display:block;
	float:left;
	}

#TierLeftNav_Box2 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
	display:none;
}

#TierLeftNav_Box2 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
	display:none;
}

#TierLeftNav_Box2 .body1 {
}

/* TierLeftNav_Box3 */

#TierLeftNav_Box3 {
	width:140px;
	margin: 0px;
	padding: 15px 0px 15px 0px;
	display:block;
	float:left;
	}

#TierLeftNav_Box3 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
	display:none;
}

#TierLeftNav_Box3 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
	display:none;
}

#TierLeftNav_Box3 .body1 {
}

/* TierLeftNav_Box4 */

#TierLeftNav_Box4 {
	width:140px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierLeftNav_Box4 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box4 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box4 .body1 {
}

/* TierLeftNav_Box5 */

#TierLeftNav_Box5 {
	width:140px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierLeftNav_Box5 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box5 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box5 .body1 {
}


/* TierRightNavContainer */

#TierRightNavContainer { 
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	width:155px;
	display:none;
	float:left;
	background: none;
	}

/* TierRightNav_Box1 */

#TierRightNav_Box1 {
	width:155px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* TierRightNav_Box2 */

#TierRightNav_Box2 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierRightNav_Box2 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box2 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box2 .body1 {
}

/* TierRightNav_Box3 */

#TierRightNav_Box3 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierRightNav_Box3 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box3 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box3 .body1 {
}

/* TierRightNav_Box4 */

#TierRightNav_Box4 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierRightNav_Box4 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box4 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box4 .body1 {
}

/* TierRightNav_Box5 */

#TierRightNav_Box5 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierRightNav_Box5 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box5 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box5 .body1 {
}


/* Tier 2-Column Styles  ///////////////////////////////////////////////////////////////////////////////////// */

/* Tier2ColumnLeft */

#Tier2ColumnLeft { 
	padding: 0px 20px 0px 0px;
	margin: 0px;
	width:305px;
	display:block;
	float:left;
	background: none;
	}

/* Tier2ColumnLeft_Box1 */

#Tier2ColumnLeft_Box1 {
	width:305px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier2ColumnRight */

#Tier2ColumnRight { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width:305px;
	display:block;
	float:left;
	background: none;
	}

/* Tier2ColumnRight_Box1 */

#Tier2ColumnRight_Box1 {
	width:305px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}


/* Tier 3-Column Styles  ///////////////////////////////////////////////////////////////////////////////////// */

/* Tier3ColumnLeft */

#Tier3ColumnLeft { 
	padding: 0px 15px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnLeft_Box1 */

#Tier3ColumnLeft_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier3ColumnMid */

#Tier3ColumnMid { 
	padding: 0px 15px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnMid_Box1 */

#Tier3ColumnMid_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier3ColumnRight */

#Tier3ColumnRight { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnRight_Box1 */

#Tier3ColumnRight_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* HomeHeaderContainer Styles  ///////////////////////////////////////////////////////////////////////////////////// */

#HomeHeaderContainer {
	width: 605px;
	float:left;
	display:block;
	margin-top:10px;
}
	
#HomeHeader {
	width: 605px;
	float:left;
	display:block;
	text-align:center;
	color:#6699cc;
	font-size:11pt;
}

#d1HomeHeader {
	width: 950px;
	height:404px;
	float:left;
	display:block;
}

#d1HomeContentContainer{
	width:950px;
	height:130px;
	float:left;
	display:block;
}

/* Misc Graphics */

.hline_15 {
	background: url(../images/hline_15.gif) repeat-x;
	width:100%;
	height:31px;
	float:left;
	}

.PhotoLeft {
	float: left;
	margin: 0px 15px 0px 0px;
	}

.PhotoRight {
	float: right;
	margin: 0px 0px 0px 15px;
	}
	
.FloatLeft {
	float: left;
	}

.FloatRight {
	float: right;
	}

.NavFloat {
	float: left;
	width: auto; /*********** Chemtura Update: This width is required to fix the menu stacking issue in Firefox -- Mohammed Ahmed 01/27/2009 --  ***********/
	}
/*-------------------------------------------------------------------------------------*/