BODY {
	FONT-SIZE: 11px; COLOR: #555
}
STRONG {
	FONT-WEIGHT: bold;
	line-height:117%;
}
#wrapper {
	MARGIN: 0px auto; WIDTH: 712px; padding:0px;
}

.clear {
	CLEAR: both; HEIGHT: 10px
}
A {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
#mainCol {
	FLOAT: left; WIDTH: 470px; MARGIN-RIGHT: 5px; PADDING-TOP: 10px; padding-left:1px;
}
#mainCol A {
	FONT-WEIGHT: normal; COLOR: #009b3a; TEXT-DECORATION: none /*ESR */
}
#mainCol A:hover {
	text-decoration: underline;
}

/* Added for ESR */

#mainCol UL {
list-style-type:disc;
margin-left:15px;
}

#mainCol LI{
	padding-bottom:3px;
	padding-top:3px;
}
/* End ESR */

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; COLOR: #009b3a; /* ESR color change */ 
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 10px 10px 10px 0px; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
H4 {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
H5 {
	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-SIZE: 24px; line-height: 24px;
	/*-- Added for image Header redesign -- */
	padding-top:4px; margin-left:7px;
	padding-bottom:0px; margin-bottom:0px;
	/*-- End: image Header redesign -- */
}
.ccfront H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #07adc3; BORDER-TOP-STYLE: none; LINE-HEIGHT: 0; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.ccfront .item {
	MIN-HEIGHT: 170px; MARGIN-BOTTOM: 20px
}
HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #999; HEIGHT: 1px; BACKGROUND-COLOR: #999; BORDER-RIGHT-WIDTH: 0px
}
.post {
	PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 5px 5px 5px 0px; COLOR: #555; BORDER-BOTTOM: #999 1px solid
}
.ccfront {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-BOTTOM: 5px; MARGIN: 5px 5px 5px 0px
}
.singleCol {
	BORDER-BOTTOM: #999 1px solid
}
.doubleCol {
	FLOAT: left; WIDTH: 100%
	margin-right:0px;
	padding-right:0px;
}
.double {
	WIDTH: 225px
}
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}
#rightCol {
	DISPLAY: block; MIN-HEIGHT: 100px; FLOAT: right; PADDING-BOTTOM: 30px; MARGIN: 10px 0px 10px 10px; WIDTH: 224px;
	margin-top:15px; /*to increase the rightcolumn margin */
}
#rightCol H3 {
	MARGIN-BOTTOM: 2px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.rightColModule FORM SELECT {
	BORDER-RIGHT: #8faec5 1px solid; BORDER-TOP: #8faec5 1px solid; BORDER-LEFT: #8faec5 1px solid; WIDTH: 140px; BORDER-BOTTOM: #8faec5 1px solid;
}

SELECT {
	BORDER-RIGHT: #8faec5 1px solid; BORDER-TOP: #8faec5 1px solid; BORDER-LEFT: #8faec5 1px solid;  BORDER-BOTTOM: #8faec5 1px solid; font-size:11px;
}
TEXTAREA {
	font-family: arial; FONT-SIZE:11px;
}
INPUT {
	BORDER-RIGHT: #8faec5 1px solid; BORDER-TOP: #8faec5 1px solid; BORDER-LEFT: #8faec5 1px solid; WIDTH: 140px; BORDER-BOTTOM: #8faec5 1px solid;font-size:11px;;
}
.radio {
	width:10px; border:none;
}
#ttrlogin {
	BACKGROUND: #fff; MARGIN-LEFT: 10px; WIDTH: auto
}
.rightColModule {
	BORDER-TOP: #999 1px solid; MARGIN-BOTTOM: 12px; PADDING-TOP: 10px; BORDER-BOTTOM: #999 1px solid; padding-bottom:15px;
	/* WIDTH: 224px;*/  /*commented out as menu is displayed in start page as well */ 
}
.rightColModule UL LI {
	LIST-STYLE-TYPE: none
}
.rightColModule UL LI A {
	FONT-WEIGHT: normal; MARGIN-BOTTOM: 2px; MARGIN-LEFT: 0px
}
.rightColModule UL LI A:visited {
	COLOR: #07adc3
}
.rightColModule UL {
	MARGIN-LEFT: 0px
}
.rightColModule .track INPUT {
	PADDING-TOP: 10px
}
#rightCol .headerImg {
	MARGIN-TOP: 10px; MARGIN-LEFT: -5px
}
#footer {
	CLEAR: left; BORDER-TOP: #999 1px solid; FONT-SIZE: 11px; FLOAT: left; MARGIN: 5px 0px; WIDTH: 470px; COLOR: #999; PADDING-TOP: 5px
}
#footer A {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: none
}
.last {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.imgHeader {
	PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 40px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
/* ESR Modification */
.ccMenu {
	COLOR: #FFFFFF;
    background-color:#009b3a;
    PADDING-TOP: 4px;
    PADDING-left: 4px;
    height:16px;
    font-weight:bold;
    
}
.ccListMenu {
	MARGIN-BOTTOM: 40px; BORDER-BOTTOM: #999 1px solid;
    BORDER-top: #999 1px solid;
    margin-top:2px;
}
/* ESR Modification */ 
.ccListMenu UL {
	PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
.ccListMenu UL LI {
	PADDING-BOTTOM: 4px
}
.ccListMenu UL LI A {
	MARGIN: 4px 0px 3px; COLOR: #999
}
.ccListMenu UL LI A:visited {
	FONT-WEIGHT: normal; COLOR: #999
}
.ccListMenu UL LI A:hover {
	FONT-WEIGHT: normal; COLOR: #009b3a
}
.ccListMenu UL LI A B{  /* Added for ESR */
	color:#009b3a;
}
.ccListMenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ccListMenu A:hover {
	COLOR: #009b3a; TEXT-DECORATION: underline
}
.tradeRoute {
	MARGIN-BOTTOM: 35px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #999 1px solid
}
.destinations {
	MARGIN-LEFT: 20px; COLOR: #009b3a; LIST-STYLE-TYPE: disc; TEXT-DECORATION: underline
}
.destinations A {
	COLOR: #009b3a
}
A:visited {
	COLOR: #009b3a
}
.destinations A:hover {
	COLOR: #999; TEXT-DECORATION: underline
}
.relLinks A:hover {
	COLOR: #999; TEXT-DECORATION: underline
}
.related {
	FONT-SIZE: 11px; MARGIN-BOTTOM: -20px; COLOR: #999
}
.tradeMapH1 {
	MARGIN-BOTTOM: 20px; COLOR: #07adc3
}
#login {
	PADDING-RIGHT: 20px; PADDING-LEFT: 10px; RIGHT: 0px; FLOAT: right; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; POSITION: relative; TOP: 10px; HEIGHT: 15px; z-index:1000;
}
#login A {
	FONT-WEIGHT: bold; COLOR: #555
}
#login A:visited {
	FONT-WEIGHT: bold; COLOR: #555
}
#notCool {
	FONT-WEIGHT: bold; MARGIN: 0px auto; COLOR: #999
}
.greyOnWhiteLink {
	FONT-WEIGHT: normal; COLOR: #009b3a; TEXT-DECORATION: none
}
.text {
	FONT-SIZE: 11px
}
#mainCol H1 A {
	FONT-WEIGHT: bold; COLOR: #555
}
#mainCol H1 A:hover {
	text-decoration: none;
}
#subPageWrap {
	MARGIN-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: #999 1px solid
}
.destinations LI {
	MARGIN: 2px 0px
}
.destinations LI A:visited {
	FONT-WEIGHT: normal
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.item H2 {
	MARGIN: 10px 0px
}
H2 {
	FONT-WEIGHT: bold; COLOR: #999  /* ESR changed to grey color */ 
}

#mainCol H2 {
	FONT-WEIGHT: bold; COLOR: #009b3a  /* ESR changed to grey color */ 
}

.showBulletsAqua {
	PADDING-LEFT: 15px
}
.showBulletsAqua LI {
	MARGIN-TOP: 5px; LIST-STYLE-TYPE: disc
}
.showBulletsAqua LI {
	MARGIN-TOP: 10px; COLOR: #009b3a
}
.showBulletsGrey {
	PADDING-LEFT: 15px
}
.showBulletsGrey LI {
	MARGIN-TOP: 5px; LIST-STYLE-TYPE: disc
}
.showBulletsGrey LI {
	MARGIN-TOP: 10px; COLOR: #555555
}
.ccListMenu H2 {
	MARGIN-TOP: 80px
}
.greyText {
	COLOR: #555555;
	LINE-HEIGHT: 117%;
	FONT-SIZE: 11px;
}
#rightColStartPage {
	DISPLAY: block; MIN-HEIGHT: 100px; FLOAT: right; PADDING-BOTTOM: 30px; MARGIN: 10px 0px 10px 10px; WIDTH: 224px;
	margin-top:15px;  
}
#rightColStartPage H3 {
	MARGIN-BOTTOM: 2px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: #999 1px solid;
}
#rightColStartPage .headerImg {
	MARGIN-TOP: 10px; MARGIN-LEFT: 0px
}
#item h2 a{
	font-weight: bold;
	text-decoration: underline;
}

#newsDetails li{
	MARGIN-TOP: 5px; 
	LIST-STYLE-TYPE: disc;
	COLOR: #07adc3;	
	text-color:#555;	
}

#newsDetails Ul{
	PADDING-LEFT: 15px;
	margin-left:5px;
}

#newsDetails li span{
	color:#555;
}

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

#rightColStartPage .ccModule{
	BORDER-TOP: 0px; 
	BORDER-BOTTOM: 0px;
	margin-top:5px;
	margin-bottom: 15px; 
	padding-top:0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 224px; 
}

#rightColStartPage .ccHeaderImage{
	MARGIN-TOP: 5px; 
	margin-bottom:10px;	
	MARGIN-LEFT: 0px;
	padding-top:0px;
	padding-bottom:0px;

}

#rightColStartPage .networkModule{
	BORDER-TOP: 0px;  
	BORDER-BOTTOM: #999 1px solid;
	margin-top:5px;
	margin-bottom: 10px; 
	padding-top:0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 224px; 

}

#rightColStartPage .trackTraceModule {
	BORDER-TOP: 0px; 
	BORDER-BOTTOM: #999 1px solid;
	margin-top:5px;
	margin-bottom: 10px; 
	padding-top:0px; 
	PADDING-BOTTOM: 15px; 
	WIDTH: 224px; 
} 

.loginModule{
	padding-bottom:4px;
	padding-top:0px;
}

.postSecondRow {
	PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 5px 5px 5px 0px; COLOR: #555; BORDER-BOTTOM: #999 1px solid;
	min-height:112px; height:112px;
}
PRE {
	FONT-SIZE: 11px; 
	COLOR: #555;
	line-height: 117%;
	FONT-FAMILY: arial, "helvetica neue", helvetica, geneva, sans-serif;
}

.formButton {
	BACKGROUND: #fff; MARGIN-LEFT: 10px; WIDTH: auto
}
.bigText {
	font-size:12px;
}
td {
	COLOR: #555555;
	LINE-HEIGHT: 117%;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, "helvetica neue", helvetica, geneva, sans-serif;
}

/* -------------------- EXTRANET ------------------------- */

#extranetWrapper {
	MARGIN: 0px auto; WIDTH: 945px;
}
#mainWrapper {
	FLOAT: left; WIDTH: 712px; MARGIN-RIGHT: 5px; padding-right:0px;
}
#extranetCol {
	DISPLAY: block; MIN-HEIGHT: 100px; FLOAT: right; PADDING-BOTTOM: 30px; MARGIN: 0px; WIDTH: 224px;
	padding-top:0px; margin-top:0px; padding-left:0px; margin-left:0px; 
}

#extranetCol .imgHeader {
	MARGIN-BOTTOM: 20px; margin-top:0px;
}
#extranetCol .ccListMenu {
	MARGIN-BOTTOM: 15px;
}

/* -------------------- extranet styles ends here --------------------- */

/*----- template redesign - image Header ----------- */

.headerImageBackground {
/*----- changed for making the image size small in environmental article template ----------- */
width:224px; 
/*----- changed for making the image size small in environmental article template ----------- */
height:60px; 
background-image: url(http://nooslms128b.wwl.2wglobal.com/edit/www/Images/templates/headingBackground_4x845700.jpg); 
margin-bottom:0px;
padding:0px;
border: 0px;
}



.headerImagesustainBackground{

width:200px; 
height:40px; 
background-image: url(http://nooslms128b.wwl.2wglobal.com/edit/www/Sustainability/images/sustain.bmp); 
margin-bottom:0px;
padding:0px;
border: 0px;
}





/* ADDED for ESR */

#ccMenuHeading {
	COLOR: #FFFFFF;
    background-color:#009b3a;
    PADDING-TOP: 4px;
    PADDING-left: 4px;
    height:16px;
    font-weight:bold;
}

#ccMenuHeading A{ 
	COLOR: #FFFFFF;
}

#ccMenuHeading A.hover{
	COLOR: #FFFFFF;
}

#ccMenuHeading A.visited{
	COLOR: #FFFFFF;
}
/* template body content styles */ 

.imgColumn{
	min-height:158px;
	height:158px;
	width:158px;
	float:left;
	margin-right:5px;
}
.headerColumn{
	float:left;	
/*	border:#000FF0 1px solid; */
}
.right{
	width:240px;
	min-height:158px;	/* height to be mentioned when image is there */
	height:158px;
}
#startPageMain {
PADDING-LEFT: 1px;  float: left; WIDTH: 415px; MARGIN-RIGHT: 5px; PADDING-TOP: 10px; margin-top:14px;
}
#startPagefooter {
	CLEAR: left; BORDER-TOP: #999 1px solid; FONT-SIZE: 11px; FLOAT: left; MARGIN: 5px 0px; WIDTH: 415px; COLOR: #999; PADDING-TOP: 5px
}
#startPageRightCol {
	DISPLAY: block; MIN-HEIGHT: 100px; FLOAT: right; PADDING-BOTTOM: 30px; MARGIN: 10px 0px 10px 10px; WIDTH: 275px;  
	margin-top:14px;
}

/* ESR Quote Section - Start */
.quoteHeadingContainer {
	MARGIN-BOTTOM: 10px; HEIGHT: 43px;
}
.quoteHeading { 
	FONT-SIZE: 18px;  COLOR: #ffffff; HEIGHT: 28px; BACKGROUND-COLOR: #3FC0D5; TEXT-ALIGN: center; font-family:Arial, Helvetica, sans-serif; padding:0;line-height:28px; display:inline; padding-top:4px; padding-bottom:4px;padding-left:10px; padding-right:10px;

}
.quoteHeadingImage {   
	MARGIN-TOP: 0px; MARGIN-LEFT: 10px
}
.quoteBody { 
	FONT-SIZE: 10px; MARGIN-BOTTOM: 12px; COLOR: #999; TEXT-ALIGN: left; margin-left:4px;
}

.quoteBody P { 
	padding:0; margin:0; display:inline;   /*to disable <p> tags automatically getting appended by livelink */ 
}
.quoteFooter {
	FONT-SIZE: 10px; MARGIN-BOTTOM: 12px; COLOR: #000; TEXT-ALIGN: left;margin-left:4px;
}
/* End: ESR Quote Section */
.firstRow{
	float: left; 
	margin-bottom:0px;
}

.firstRow img {float: left;margin-right:10px;margin-bottom:2px;} /* ESR - increased image margin to 2px */
.clearer {clear: left; line-height: 0; height: 0; margin:0;padding:0; width:1px;}
.secondRow {
	margin-bottom:6px;margin-top:0px;padding-top:0px;
}
.video{
	margin-bottom:14px;  
}
#breadCrumbs{
	margin-bottom:8px;
	margin-top:6px; 
	padding-bottom:4px;
}
#breadCrumbs .bCrumb  A{ 
	color:#999;
}
#breadCrumbs .bCrumb  A:hover{
	color:#009b3a;
}
#breadCrumbs .bCrumb  A:visited{
	color:#999;
}

#breadCrumbs .current  A{
	color:#009b3a;
}
#breadCrumbs .current  A:hover{
	color:#009b3a;
}
#breadCrumbs .current  A:visited{
	color:#009b3a;
}
/* End: ADDED for ESR */