










































body {

background: #efefef; padding: 0;
margin-top:0;
font:10pt/12pt Helvetica,arial,san-serif !important;

}

a, a:active, a:visited {color:#0000ff;}


.topnavlinks {font-size:8pt; color:#0000ff;}
.topnavlinks a, .topnavlinks a:visited{font-size:8pt; color:#0000ff;}
.rightnav{background-image: url("<portal-logic:urlFindInTheme file='images/rightlinks_topback.gif' />");}


.breadcrumb{ 
font-size:8pt;
color:#000;

}

.breadcrumblink{font-size:8pt;text-decoration:underline;}
.breadcrumblink a{font-size:8pt;color:#0000ff;}
.breadcrumblink:hover{font-size:8pt;color:#0000ff;}

.breadcrumbexistingpage{font-size:8pt;}

.breadcrumb a, breadcrumb a:visited { 
text-decoration:underline; 
color:#0000ff;
font-weight:normal;
 }
 /* --new breadcrumb code currenty not in use

.breadcrumblink
{
font-size:9pt;text-decoration:underline;
}
.breadcrumblink a, .breadcrumblink a:visited, .breadcrumblink a:active
{
color:#000000;text-decoration:none;
}
.breadcrumblink a:hover
{
color:#000000;text-decoration:none;
}

*/
.tablebg{background: #efefef;}
.titles{font-size: 10pt;font-weight: bold;color: #455586;}

/*style for "register new supplier link on homepage */
.news{font-size: 9pt;color:#676767;}
.news a, .news a:visited, .news a:active {text-decoration:underline}
.news a:hover {text-decoration:none}

/* added to check verdana font */

.hometextNormal{font-size: 10pt;color:#00005E} /* classes for text on homepage */
.hometextNormal a, .hometextNormal a:active, .hometextNormal a:visited{text-decoration:underline;}
.hometextNormal:hover{text-decoration:none;}

.homepageupheader{font-weight: bold;color: #455586; font-size:12pt;}

/* added to check verdana font */

.pageheader{font-size: 120%;font-weight: normal;color: #455586;}
.pagesubheader{font-size: 100%;font-weight: bold;color: #455586;}


h1, h2, h3, h4 { color: #455586;}
h1 { font-size: 13pt; font-weight: bold; margin: 0;}
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size: 95%; text-decoration: underline; }

.productname {font-size: 9pt;font-weight: bold;color:#013660;}
.productname a{font-size: 9pt;font-weight: bold;text-decoration:underline;color:#013660;}
.productname a:hover{font-size: 9pt;font-weight: bold;text-decoration:none;color:#013660;}

.othersection{font-weight: bold;color: #ffffff;font-size:10pt;}
.sectionlinks {font-size: 8pt;font-weight: bold;text-decoration:none;color:#013660;line-height:11pt;}
.sectionlinks a, .sectionlinks a:active, .sectionlinks a:visited {text-decoration:underline;color:#013660;}
.sectionlinks a:hover{text-decoration:none;color:#013660;}

.sectionsublinks {font-size: 8pt;font-weight: bold;text-decoration:none;color:#666666;}
.sectionsublinks a, .sectionsublinks a:visited, .sectionsublinks a:active{
font-size: 8pt;font-weight: bold;text-decoration:underline;color:#666666;}
.sectionsublinks a:hover{font-size: 8pt;font-weight: bold;text-decoration:none;color:#666666;}

.sectionlinksselected {font-size: 8pt;font-weight: bold;text-decoration:none;color:#999999;}
.sectionlinksselected a{font-size: 8pt;font-weight: bold;text-decoration:underline;color:#999999;}
.sectionlinksselected:hover{font-size: 8pt;font-weight: bold;text-decoration:none;color:#999999;}


.images{border:1px solid #cccccc;}

.underlinered{background: #CD6601;height:1px; padding: 0px 0px 0px 0px;}
.underlineEnviro {background: #31724e;height:1px; padding: 0px 0px 0px 0px;}
.underlinegrey {background: #A19690;height:1px; padding: 0px 0px 0px 0px;}
.underlineblue {background: #335B99;height:1px; padding: 0px 0px 0px 0px;}


.dotline{border:1px dotted #C5C4C2;}
.border{border: 1px solid #336699;}
.textbox_sm{
font-size: 9pt;color:#999999;
width:30px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;}

.textbox{
font-size: 9pt;color:#999999;
width:130px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.textnormal{font-size:10pt; color:#000080; line-height:12pt !important;}
.textnormal a, .textnormal a:active, textnormal a:visited{text-decoration:underline;}
.textnormal a:hover{text-decoration:none;}
.textnormal p span font, .textnormal p span, .textnormal span font, .textnormal font, .textnormal p font, .textnormal p {
			font:10pt/12pt Helvetica,arial,san-serif !important;

}


.footerline{background-color: #B2CCCC;}
.footertext{color:#999999;font-size: 9pt;}
.footertext a, .footertext a:active, .footertext a:visited {color:#999999;font-size: 9pt;}

.inputElement{font-size: 9pt;}
.columnHeader2{font-size: 9pt;font-weight: bold;background-color: #3399CC;color: #FFFFFF;text-decoration:none;}
.columnHeader2 a, .columnHeader2 a:active, .columnHeader2 a:visited{font-size: 11px;font-weight: bold;background-color: #3399CC;color: #FFFFFF;text-decoration:underline;}
.columnHeader2 a:hover{font-size: 11px;font-weight: bold;background-color: #3399CC;color: #FFFFFF;text-decoration:none;}

.Button{
font-size:8pt;font-weight:bold;
cursor:pointer;cursor:hand;color:#ffffff;
vertical-align: top;
background:url('/wps/images/link_bg.gif') repeat-x #8A9EB7;
border: 0px solid #107DB9;
}

.buttonblue{
font-size:8pt;font-weight:bold;
cursor:pointer;cursor:hand;
color:#ffffff;
vertical-align: top;
background:#107DB9;

border: 1px solid #107DB9;
}

.error { font-size: 9pt;color: red;margin-left: 50px; }

.story {width: 157px;border-right: 1px dotted #31724e;padding-top: 10px;padding-right: 10px;margin-top: 8px;}
.story a, .story a:visited, .story a:active {color: #455586;display: block;margin-top: 8px;}
.story a:hover {text-decoration: none;}
.story2 {width: 155px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-right: 1px dotted #31724e;}
.story2 a, .story2 a:visited, .story2 a:active {color: #455586;display: block;margin-top: 8px;}
.story2 a:hover {text-decoration: none;}
.story3 {padding-top: 10px;padding-left: 10px;border: none;}
.story3 a, .story3 a:active, .story3 a:visited {color: #455586;display: block;margin-top: 8px;}
.story3 a:hover {text-decoration: none;}


/* style added for different color header */

.storyred {width: 157px;border-right: 1px dotted #CD6601;padding-top: 10px;padding-right: 10px;margin-top: 8px;}
.storyred a, .storyred a:visited, .storyred a:active {color: #455586;display: block;margin-top: 8px;}
.storyred a:hover {text-decoration: none;}
.story2red {width: 155px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-right: 1px dotted #CD6601;}
.story2red a, .story2red a:visited, .story2red a:active {color: #455586;display: block;margin-top: 8px;}
.story2red a:hover {text-decoration: none;}
.story3red {padding-top: 10px;padding-left: 10px;border: none;}
.story3red a, .story3red a:active, .story3red a:visited {color: #455586;display: block;margin-top: 8px;}
.story3red a:hover {text-decoration: none;}

.storyblue {width: 157px;border-right: 1px dotted #335B99;padding-top: 10px;padding-right: 10px;margin-top: 8px;}
.storyblue a, .storyblue a:active, .storyblue a:visited {color: #455586;display: block;margin-top: 8px;}
.storyblue a:hover {text-decoration: none;}
.story2blue {width: 155px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-right: 1px dotted #335B99;}
.story2blue a, .story2blue a:active, .story2blue a:visited {color: #455586;display: block;margin-top: 8px;}
.story2blue a:hover {text-decoration: none;}
.story3blue {padding-top: 10px;padding-left: 10px;border: none;}
.story3blue a, .story3blue a:active, .story3blue a:visited {color: #455586;display: block;margin-top: 8px;}
.story3blue a:hover {text-decoration: none;}

.storygrey {width: 157px;border-right: 1px dotted #A19690;padding-top: 10px;padding-right: 10px;margin-top: 8px;}
.storygrey a, .storygrey a:visited, .storygrey a:active {color: #455586;display: block;margin-top: 8px;}
.storygrey a:hover {text-decoration: none;}
.story2grey {width: 155px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-right: 1px dotted #A19690;}
.story2grey a, .story2grey a:active, .story2grey a:visited {color: #455586;display: block;margin-top: 8px;}
.story2grey a:hover {text-decoration: none;}
.story3grey {padding-top: 10px;padding-left: 10px;border: none;}
.story3grey a, .story3grey a:active, .story3grey a:visited {color: #455586;display: block;margin-top: 8px;}
.story3grey a:hover {text-decoration: none;}


/* style added for different color header */

.productnews {width: 150px;border-left: 1px dotted #a19790;padding-left: 15px;font-size: 9pt;}
.productnews h4{text-decoration: none;font-weight:bold;font-size:9pt;}
.productnews ul  {padding: 0;margin: 0;margin-left:15px;clear:left;}
.productnews li  {padding: 0;margin: 0;list-style-image: url(../images/bullet_news.gif);}
.productnews li a {color: #455586;font-size: 100%;}
.productnews li a:hover {text-decoration: none;font-size: 100%;}

.thumbnail {width: 105px;padding-right: 10px;text-align: center;}
.thumbnail a {color: #455586;}
.thumbnail a:hover {text-decoration: none;}
.thumbnail img {border: 1px solid #ccc;}

/* style added for login page */

.loginbox{
font-size: 12pt;color:#999999;
width:130px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.buttonsubmit{
font-size:8pt;font-weight:bold;
cursor:pointer;cursor:hand;
color:#ffffff;
vertical-align: top;
background:#107DB9;
border: 1px solid #107DB9;
}




