/*
	Copyright 2003-2007 Croda International Plc
	Croda.com/Seatons CSS 
*/

/* Corporate */
#tableMainLayout {
       height: 100%;
}
.sitemapheading {background-color: #FDFBEF; font-weight: bold}
.sitemaplevel1 {font-weight: bold}
.searchheader {background-color: #F5E2A7}
.txtHomeLink:link {color:#666666}
.txtHomeLink:hover {color:#CC0033}
.txtHomeLink:visited {color:#666666}
.txtLink:link {color:black}
.txtLink:hover {color:#CC0033; background-color: #FAEFCE}
.txtLink:visited {color: black}
A {text-decoration:none}
A:link {color: #D79D20}
A:visited {color: #D79D20}
A:active {color: #CC0033; background-color: #FAEFCE}
A:hover {text-decoration:underline}
ul { list-style-type: square; margin-left: 20px;}



/* layout components */
.breadcrumb {color:black; font-size:100%; vertical-align: middle;}
.breadcrumblink {color:black}
.clientDate {color:black; font-size:100%; font-family: Arial, verdana, Helvetica, Geneva, Swiss; padding-left:8px}

.homeMenu {color:black; font-size:100%; font-family: Arial, verdana, Helvetica, Geneva, Swiss; padding-right:5px}
.homeMenuLink {color:black}
.homeMenuLink:hover {background-color:#FAEFCE; 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 {border-bottom: #ffffff 2px solid}
.crodamenuleftcell1 {background-color: #EECE69; border-bottom: #ffffff 2px solid; font-size:100%}
.crodamenuback1 {background-color: #F5E2A6; border-bottom: #ffffff 2px solid; font-size:100%}
.crodamenuhighlight1 {background-color: #EECE69; border-bottom: #ffffff 2px solid; font-size:100%}

.crodamenuleftcell2 {background-color: #FCF6E4; border-bottom: #ffffff 2px solid; font-size:70%}
.crodamenuback2 {background-color: #FCF6E4; border-bottom: #ffffff 2px solid; font-size:70%}
.crodamenuhighlight2 {background-color: #FAEFCE; border-bottom: #ffffff 2px solid; font-size:70%}

.crodamenuleftcell3 {background-color: #ffffff; border-bottom: #ffffff 2px solid; font-size:70%}
.crodamenuback3 {background-color: #ffffff; border-bottom: #ffffff 2px solid; font-size:70%}
.crodamenuhighlight3 {background-color: #FEFDF8; border-bottom: #ffffff 2px solid; font-size:70%}

.crodamenuleftcell4 {font-size:7pt; background-color: #ffffff; border-bottom: #ffffff 2px solid}
.crodamenuback4 {font-size:7pt; background-color: #ffffff; border-bottom: #ffffff 2px solid}
.crodamenuhighlight4 {font-size:7pt; 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}

/* 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%; width: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 {padding-left: 5px; padding-right: 5px; background-color: #DBE7E7}
.rowHeader {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #F5E2A6; Vertical-align: top}
.rowodd {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #FCF6E4; Vertical-align: top}
.roweven {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #FAEFCE; Vertical-align: top}

.tableContent {padding-left: 10px; padding-right: 10px; padding-bottom: 10px}
.tableContentR {padding-left: 10px; border-left: #FF0000 1px solid;}

.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: #FEFDF8}
.HomeCol1main {background-color: #FEFDF8}
.HomeCol2 {padding-left: 5px; padding-right: 5px; background-color: #FDFAEF}
.HomeCol3 {padding-left: 5px; padding-right: 5px; background-color: #FCF6E4}
.HomeCol5 {background-color: #F3F7F7}
.HomeCol6 {background-color: #E0EBEB}
.HomeInsetCol {padding-left: 5px; padding-right: 5px}
.MatrixR {background-color: #FAEFCE; padding-left: 10px}
.MatrixHeader {background-color: #F5E2A6; padding-left: 5px}


/* product database */
.SeatonsProductPage {padding-left: 10px; padding-right: 10px; padding-bottom: 10px}
.SeatonsGridOddRow {background-color: #FAEFCF; font-size: 70%; padding-left: 2px; Vertical-align: top}
.SeatonsGridEvenRow {background-color: #FDFBEF; font-size: 70%; padding-left: 2px; Vertical-align: top}

/* Crocell Product Database */
.productPage {padding-left: 10px; padding-right: 10px; padding-bottom: 10px}
.productGridHeader {background-color: #eece69; font-weight: bold; color: white; padding-left: 2px}
.productGridOddRow {background-color: #FAEFCF; font-size: 70%; padding-left: 2px}
.productGridEvenRow {background-color: #FDFBEF; font-size: 70%; padding-left: 2px}
.productdetail {background-color: #FDFBEF; padding-left: 5px}

/* login */
.loginfield {
  width: 150px;
  font-family: Arial, Verdana, Helvetica, Geneva, Swiss;
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  background-color: #FDFAEF;
  border-color: #FFFFFF;
  border: 1px solid;
  border-top-color : #EECE68;
  border-left-color : #EECE68;
  border-bottom-color : #EECE68;
  border-right-color : #EECE68;
  }
.seatons_login_header
{FONT-SIZE: 130%;
    COLOR: #666666;
    LINE-HEIGHT: 11pt;
    PADDING-TOP: 7px;
font-weight: bold;
    FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss}