/*
	Copyright 2003-2007 Croda International Plc
	Crodarom CSS 
*/

/*NEW */
#tableMainLayout {
       height: 100%;
}
.TBLglobal-nav {
background-color: #7e7e7e; 
background-image:
url('images/menu/globalnav_bg.gif')
}
.TBLglobal-breadcrumb {background-color: #efefef;} 
.TBLglobal-Brand {
	padding-right: 12px;
	padding-top: 3px;
}
.TBLglobal-logo {padding-left: 5px; padding-top: 5px}
.TBLglobal-globe {padding-left: 10px; padding-top: 5px}
.TBLglobal-search {
	padding-bottom: 8px;
	padding-top: 10px;
}

.HomeRightCol {padding-left: 5px; padding-right: 5px; background-color: #E0EBEB}
.homelinks {padding-right: 15px}

.TBLglobal-CDirect
{border-top: 0px solid #cccccc;
    BACKGROUND-COLOR: #EFEFEF;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EFEFEF,endColorStr=#FFFFFF); 
	 font-weight: normal;  height: 135px;
}

#searchbox {
	text-align: right;
	margin-left: 10px;
}

.searchheader {background-color: #EFEFEF}

.LoginHeaderTD {
padding-bottom: 20px;
padding-left: 20px;
padding-top: 10px;
}

.LoginLinkTD {
	padding-bottom: 15px;
	padding-left: 20px;	
}

.RegisterLinkTD {
	padding-left: 20px;
}

/* End of NEW */

.Addressblock {
	background: #F9FBFB;
	border:  #F3F6F7 1px solid;
	padding: 10px;
}

UL {
	padding-left: 0px;
	list-style-image: url(images/layout/general/bulletUL.gif);
	margin-left: 18px;
}

.CatHeader {
	background-color: #F2F2F2;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 5px;p
	padding-right: 5px;
}
.CatRow {
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
}


/* Corporate */

.sitemapheading {background-color: #f3f6f7; font-weight: bold}
.sitemaplevel1 {font-weight: bold}
.searchheader {background-color: #E0EBEB}
.txtHomeLink:link {color:#666666}
.txtHomeLink:hover {color:#CC0033}
.txtHomeLink:visited {color:#666666}
.txtLink:link {color:black}
.txtLink:hover {color:#CC0033; background-color: #C5D8D8}
.txtLink:visited {color: black}
A {text-decoration:none}
A:link {color: #007D00}
A:visited {color: #007D00}
A:active {color: #CC0033; background-color: #C5D8D8}
A:hover {text-decoration:underline}



/* layout components */
.breadcrumbBG {background-color: #EFEFEF}
.breadcrumb {color:black; font-size:100%; vertical-align: middle;}
.breadcrumblink {color:black}
.breadcrumblink:hover {color:black; text-decoration:none}
.clientDate {color:white; font-size:100%; font-family: Arial, verdana, Helvetica, Geneva, Swiss; padding-left:8px}

.homeMenu {
	color:white;
	font-family: Arial, verdana, Helvetica, Geneva, Swiss;
	padding-right:5px
}
.homeMenuLink {color:white}
.homeMenuLink:hover {background-color:#94B7B7; text-decoration:none}

.SearchTable {background: #f0f0f0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.inputSearchControl { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; FONT-SIZE: 11px;
BACKGROUND-COLOR: white}
   
/* Menu */
.crodamenucell {}
.crodamenuleftcell1 {background-color: #E5E5E5; border-bottom: #EFEFEF 1px solid; font-size: 100%; FONT-WEIGHT: bold;} 
.crodamenuback1 {background-color: white; border-bottom: #EFEFEF 1px solid; font-size: 100%}
.crodamenuhighlight1 {background-color: #E5E5E5; border-bottom: gray 0px solid; color:#000000; font-size: 100%; FONT-WEIGHT: bold;}

.crodamenuleftcell2 {background-color: #f3f6f7; border-bottom: #ffffff 0px solid}
.crodamenuback2 {background-color: #F6F6F6; border-bottom: #ffffff 0px solid}
.crodamenuhighlight2 {background-color: #EEEEEE; border-bottom: #ffffff 2px solid; FONT-WEIGHT: bold;}

.crodamenuleftcell3 {background-color: #ffffff; border-bottom: #ffffff 2px solid}
.crodamenuback3 {background-color: #ffffff; border-bottom: #ffffff 2px solid; color: #999999}
.crodamenuhighlight3 {background-color: #f7fbfb; border-bottom: #ffffff 2px solid;  color: #000000}

.crodamenuleftcell4 {background-color: #ffffff; border-bottom: #ffffff 2px solid}
.crodamenuback4 {background-color: #ffffff; border-bottom: #ffffff 2px solid}
.crodamenuhighlight4 {background-color: #ffffff; border-bottom: #ffffff 2px solid}

.crodamenuleftcell5 {background-color: #ffffff; border-bottom: #ffffff 2px solid; font-size:7pt}
.crodamenuback5 {background-color: #ffffff; border-bottom: #ffffff 2px solid; font-size:7pt}
.crodamenuhighlight5 {background-color: #f7fbfb; border-bottom: #ffffff 2px solid; font-size:7pt}

/* layout */
.layoutHeader {background-color: #FFFFFF; padding: 0px; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid}
.layoutFooter {background-color: #FFFFFF; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; padding: 0px}
.layoutLeftbar {border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; padding: 0px}
.layoutRightbar {border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; padding: 0px}
.layoutContent {height: 100%; padding-left: 0px; padding-top: 5px; padding-right: 0px; border-right: #cccccc 1px solid}

.footerNewsRight {background-color: #EBEBEB; padding-left: 5px; padding-right: 5px; padding-top: 5px}
.footerNewsLeft {background-color: #EBEBEB; padding-left: 5px; padding-top: 5px; }

/* standard */
TR {font-size: 70%; Vertical-align: top; line-height: 11pt;  font-family: Arial, verdana, Helvetica, Geneva, Swiss}
HR {BORDER-BOTTOM: #e6e6e6 thin solid}
BODY {FONT-SIZE: 70%;
    MARGIN: 0px;
    SCROLLBAR-HIGHLIGHT-COLOR: #f9f9f9;
    SCROLLBAR-SHADOW-COLOR: #f9f9f9;
    COLOR: black;
    SCROLLBAR-3DLIGHT-COLOR: #f4f4f4;
    LINE-HEIGHT: 11pt;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #f4f4f4;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss;
    SCROLLBAR-DARKSHADOW-COLOR: #676767;
    SCROLLBAR-BASE-COLOR: #999999;
    BACKGROUND-COLOR: #ffffff;
    marginheight: 0px;
    topmargin: 0px;
    marginwidth: 0px;
    leftmargin: 0px;
    SCROLLBAR-FACE-COLOR: #f1f1f1}
P {MARGIN-BOTTOM: 6px; LINE-HEIGHT: 11pt; FONT-FAMILY: Arial, verd!na, Helvetica, Geneva, Swiss}
PRE {FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    FONT-FAMILY: Arial, verdana, helvetica, Geneva, Swiss;
    MARGIN-TOP: 0px}
H1 {FONT-SIZE: 140%;
    COLOR: #666666;
    LINE-HEIGHT: 11pt;
    PADDING-TOP: 7px;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss}
H2 {FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    LINE-HEIGHT: 14pt;
    BORDER-BOTTOM: #e6e6e6 thin solid;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss}
H3 {FONT-SIZE: 140%;
    COLOR: #666666;
    LINE-HEIGHT: 11pt;
    PADDING-TOP: 7px;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss}
H4 {FONT-SIZE: 8pt;
    LINE-HEIGHT: 8pt;
    COLOR: black;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss}
FORM {margin: 0px; height:100%}
SELECT {padding-right: 1px;  padding-left: 1px; padding-bottom: 1px;  padding-top: 1px; font-size: 10px; font-family: Arial, Verdana, Geneva, Swiss;  color: black;  margin: 0px; text-transform: none; background-color: white}

.widthlimit { WIDTH: 200px; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; BACKGROUND-COLOR: white }

.medwidthlimit { WIDTH: 132px; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; BACKGROUND-COLOR: white }

.smallwidthlimit { WIDTH: 100px; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; BACKGROUND-COLOR: white }

.largewidthlimit { WIDTH: 300px; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; BACKGROUND-COLOR: white }.selectthin {height: 22px}

.selectthin {height: 22px}
.cursorhand {cursor: hand}

.inputControl { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, verdana, Geneva, Swiss; FONT-SIZE: 11px;
BACKGROUND-COLOR: white}

OPTION { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; CURSOR: hand; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent}

TEXTAREA {BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, verdana, Geneva, Swiss;
    BACKGROUND-COLOR: white}
TEXTAREA.EditTextArea {width: 440px; height: 100px; background-color: white}
TEXTAREA.SmallEditTextArea {width: 440px; height: 50px; background-color: white}
TEXTAREA.BigEditTextArea {width: 440px; height: 300px; background-color: white}

IFRAME {BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white}
IFRAME.noBorder {BORDER-RIGHT: black 1px;
    BORDER-TOP: black 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px;
    BORDER-BOTTOM: black 1px;
    BACKGROUND-COLOR: white}
	
	
.editTable {background-color: #eeeeee; border-top: #eeeeee 1px solid; border-left: #eeeeee 1px solid; border-right: #eeeeee 1px solid; border-bottom: #eeeeee 1px solid}
.editCaption {font-weight: bold}
.editControl {background-color: white}	
.editTableBG {BACKGROUND-COLOR: #e6e6e6}
.contentEditBG {BACKGROUND-COLOR: white}
.editTableText {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}

.listBGOdd {BACKGROUND-COLOR: #e6e6e6}
.listBGEven {BACKGROUND-COLOR: #e6e6e6}
.listHighlight {BACKGROUND-COLOR: lightgrey}
.listhighlight {BORDER-RIGHT: blue solid;
    BORDER-TOP: blue solid;
    BORDER-LEFT: blue solid;
    BORDER-BOTTOM: blue solid;
    BACKGROUND-COLOR: gray}

.topMenuLink {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: white}
.sideMenuLink {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: black}

.menuhl1 {BACKGROUND-COLOR: #787878}
.menuhl2 {BACKGROUND-COLOR: #669695}
.menubg1 {BACKGROUND-COLOR: #999999}
.menubg2 {BACKGROUND-COLOR: #787878}

.dateTitle {MARGIN-TOP: 10px; TEXT-ALIGN: right}
.tablerow {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-BOTTOM: silver 1px solid}
.footer {FONT-SIZE: 10px}

.tabunselected {BORDER-TOP: gray 1px solid; BACKGROUND-COLOR: white}
.tabselected {BORDER-TOP: #7b7b7b 1px solid; COLOR: white; BORDER-BOTTOM: #7b7b7b 1px; BACKGROUND-COLOR: #7b7b7b}
.tabline {BORDER-BOTTOM: #7b7b7b 1px solid}

.locationBG {background-color: #f0f0f0}
.tableBGGreen {background-color: #DBE7E7}
.rowHeader {background-color: #C5D8D8}
.rowOdd {background-color: #E0EBEB; height: 35px}
.roweven {background-color: #FFFFFF; height: 35px}

.tableContent {padding-left: 10px; padding-right: 10px; padding-bottom: 10px}
.tableContentR {padding-left: 10px}

/* Footer*/
.Copyright {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-style: normal; color: #999999; padding-left: 8px}
.Copyright a:link {color: #999999; text-decoration: none; }
.Copyright a:visited {text-decoration: none; color: #999999; }
.Copyright a:hover {text-decoration: none; color:#FF9900;}
.Copyright a:active {text-decoration: none; color: #999999;}

.footerNewsLeft {border-left:#cccccc 1px solid;  border-top: #cccccc 1px solid;  border-bottom: #cccccc 1px solid}
.footerNewsRight {padding-left: 5px; padding-right: 5px; border-right:#cccccc 1px solid; 
    border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; font-size:100%}
	
.bodyTextSmall {font-size:95%}

/* colour profile */	
.HomeCol1 {padding-left: 5px; padding-right: 5px; background-color: #F9FBFB}
.HomeCol2 {padding-left: 5px; padding-right: 5px; background-color: #F3F7F7}
.HomeCol3 {padding-left: 5px; padding-right: 5px; background-color: #E0EBEB}
.HomeInsetCol {padding-left: 5px; padding-right: 5px; }

.weblink {border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 5px;
	padding-bottom: 5px;
	BACKGROUND-COLOR: #f9fbfb;
width:395px}



/* Registration pages */
.registration_page {
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
}