html, body {
color : #1d2a40;
font-size : 12px;
font-family : "trebuchet ms", arial;
background-image : url(/assets/bg-all.gif);
width : 100%;
margin : 0;
}
a {
color : #d46617;
text-decoration : underline;
}
a:hover {
color : #d46617;
text-decoration : none;
}
.contentlinks a {
color : #1d2a40;
text-decoration : underline;
}
.contentlinks a:hover {
color : #d46617;
text-decoration : none;
}
#all {
background-image : url(/assets/bg-allrepeat.gif);
background-repeat : repeat-x;
width : 100%;
}
#header {
width : 790px;
height : 151px;
margin-right : auto;
margin-left : auto;
}
#rightcolumn {
width: 195px;
float: right;
}
#logo1 {
background-image : url(/assets/logo-rayhons1.gif);
width : 277px;
height : 50px;
float : left;
}
.clearrow {
clear : both;
}
#nlsignup {
float:right;
color : #fff;
font-size : 13px;
width : 430px;
margin-top: 15px;
}
#nlinput {
background-color : #fff;
background-image : url(/assets/input-whiteleft.gif);
background-repeat : no-repeat;
background-position : left 0;
float:right;
margin-bottom: -23px;
}
#nltext {
float : left;
padding-right : 12px;
padding-left: 12px;
}
.content {
float: left;
width: 577px;
}
.content2 {
width: 779px;
}
.titledevider {
font-size : 14px;
font-weight : bold;
background-color : #ede8e3;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 10px;
padding : 5px 0 5px 12px;
border-bottom : 1px solid #cec6be;
border-top-color : #cec6be;
display : block;
}
.textfield {
color : #336;
font-size : 13px;
margin : 3px 0 0 5px;
padding : 0;
float : left;
border-width : 0;
}
#logo2 {
background-image : url(/assets/logo-rayhons2.gif);
width : 277px;
height : 101px;
float : left;
}
.solutionslist {
font-size : 11px;
margin : 0 0 0 12px;
padding : 0;
}
.solutionsbox {
background-color : #ede8e3;
background-image : url(/assets/squares.gif);
background-repeat : no-repeat;
background-position : 0 bottom;
position : static;
width : 145px;
height : 230px;
float : left;
margin-top : 10px;
margin-left : 16px;
padding : 10px;
border : 1px solid #cec6be;
display : block;
}
h3 {
font-size : 14px;
font-weight : bold;
margin : 0;
padding : 0;
}
.clearrow {
clear : both;
}
#ing-logo {
width : 224px;
height : 101px;
float : right;
}
#ing-logo-on {
background-image : url(/assets/logo-ing.gif);
width : 224px;
height : 101px;
float : right;
}

#n-sitemap a {
color : #c2c2c2 !important;
text-decoration : none !important;
float : left !important;
margin-right : 20px !important;
padding-top : 6px !important;
padding-left : 26px !important;
background-color: #fff !important;
}

#navbottom {
color : #fff;
background-color : #162030;
width : 798px;
height : 41px;
margin-right : auto;
margin-left : auto;
}
#navbottom-inside {
color : #fff;
background-color : #162030;
margin-right : auto;
margin-left : auto;
width : 790px;
height : 49px;
}
#nb-header {
font-size : 18px;
background-image : url(/assets/arrow.gif);
background-repeat : no-repeat;
background-position : 216px 17px;
width : 225px;
float : left;
padding-top : 8px;
padding-left : 18px;
}
#nb-header-inside {
font-size : 18px;
padding-top : 8px;
padding-left : 0px;
width : 400px;
float : left;
}
#nb-header-inside1 {
font-size : 18px;
padding-top : 8px;
padding-left : 18px;
width : 205px;
float : left;
}
#nb-header-inside2 {
font-size : 18px;
padding-top : 8px;
padding-left : 0px;
width : 175px;
float : left;
}
#inside-maintop {
background-image : url(/assets/crnr-lttan-tr.gif);
background-repeat : no-repeat;
background-position : right 0;
width : 780px;
height : 7px;
}
#inside-maintail {
background-image : url(/assets/crnr-lttan-br.gif);
background-repeat : no-repeat;
background-position : right 0;
width : 780px;
height : 7px;
}
#inside-main {
background-color : #fbfaf9;
width : 780px;
margin-left : 2px;
}
#inside-main p {
margin : 0;
padding : 4px 20px 6px;
}
#nb-text {
float : right;
padding-top : 12px;
}
.header {
font-size : 18px;
}
#navsub {
width : 798px;
height : 136px;
margin-right : auto;
margin-left : auto;
}
#navsub a:hover {
background-position : 0 0;
margin-right : auto;
margin-left : auto;
}
#ns-1 a {
background-image : url(/assets/navsub-1.jpg);
background-position : 0 -136px;
width : 198px;
height : 136px;
float : left;
}
#ns-1 a:hover {
background-image : url(/assets/navsub-1b.jpg);
background-position : 0 -136px;
width : 198px;
height : 136px;
float : left;
}
.newstext {
color : #fff !important;
margin : 15px 15px 0 15px;
}
#ns-2 a {
background-image : url(/assets/navsub-2.jpg);
background-position : 0 -136px;
width : 200px;
height : 136px;
float : left;
}
#ns-2 a:hover {
background-image : url(/assets/navsub-2b.jpg);
background-position : 0 -136px;
width : 200px;
height : 136px;
float : left;
}
#ns-3 a {
background-image : url(/assets/navsub-3.jpg);
background-position : 0 -136px;
width : 201px;
height : 136px;
float : left;
}
#ns-3 a:hover {
background-image : url(/assets/navsub-3b.jpg);
background-position : 0 -136px;
width : 201px;
height : 136px;
float : left;
}
#ns-4 a {
background-image : url(/assets/navsub-4.jpg);
background-position : 0 -136px;
width : 199px;
height : 136px;
float : left;
}
#ns-4 a:hover {
background-image : url(/assets/navsub-4b.jpg);
background-position : 0 -136px;
width : 199px;
height : 136px;
float : left;
}
#maincontain {
background-image : url(/assets/hp-mainrpt.gif);
width : 780px;
overflow : auto;
margin-left : 2px;
}
#col-r ul {
margin : 10px 0 10px 15px;
padding : 0;
list-style-type : none;
}
#col-r li {
background-image : url(/assets/squares-small.gif);
background-repeat : no-repeat;
background-position : 0 4px;
padding-left : 20px;
}
#bottom-all {
width : 782px;
margin-right : auto;
margin-left : auto;
}
#col-l {
width: 352px;
float: left;
}
#col-l-top {
background-color : #344562;
}
#col-l-top ul {
color : #fff;
margin : 10px 0 0 12px;
padding : 0;
list-style-type : none;
}
#col-l-top li {
background-image : url(/assets/arrow-greyright.gif);
background-repeat : no-repeat;
background-position : 0 6px;
padding-left : 14px;
}
#col-top a {
color : #fff;
}
#col-top a:hover {
color : #fff;
text-decoration : underline;
}
#col-top-tail {
background-color : #344562;
background-image : url(/assets/crnr-blue-br.gif);
background-repeat : no-repeat;
background-position : right bottom;
}
#col-l-bot {
background-color : #cecdcc;
background-image : url(/assets/grad-tan.gif);
background-repeat : repeat-x;
}
.corner {
display : block;
}
.img-right {
float : right;
margin-left : 10px;
}
#col-l-thead a {
color : #fff;
text-decoration : underline;
}
#col-l-thead a:hover {
color : #fff;
text-decoration : none;
}
#col-l-thead {
background-color : #344562;
height : 33px;
border-bottom : 1px dotted #b0b0af;
}
#col-l-thead h2 {
color : #fff;
font-size : 18px;
font-weight : normal;
float : left;
margin : 0;
padding : 5px 0 0 15px;
}
#col-l-thead ul {
color : #fff;
font-size : 13px;
float : right;
margin : 0;
padding : 8px 14px 0 20px;
list-style-type : none;
display : inline;
}
#col-l-thead li {
background-image : url(/assets/squares-small.gif);
background-repeat : no-repeat;
background-position : 0 6px;
padding-left : 22px;
display : inline;
}
#col-r {
background-color : #fbfaf9;
background-image : url(/assets/col-r-bg.gif);
background-repeat : no-repeat;
background-position : right top;
width : 428px;
float : right;
}
.rheader {
color : #9b3633;
font-size : 18px;
}
.otext {
color : #f2914b;
}
.otext1 {
	color : #f2914b;
	font-size:11px;
}
.bheader {
color : #1d2a40;
font-size : 18px;
}
#maincontain p {
margin : 0;
padding : 10px 15px 0;
}
h2 {
font-size : 18px;
font-weight : normal;
margin : 0;
padding : 10px 0 0 15px;
}
.clickable {
cursor : pointer;
}
#mainbot {
width : 780px;
height : 9px;
clear : both;
display : block;
}
#footer {
color : #acb3c0;
padding-top : 10px;
padding-left : 15px;
}
#footer a {
color : #acb3c0;
text-decoration : none;
}
.smfont {
color : #848ea0;
font-size : 10px;
line-height : 12px;
}
.colorunderline {
border-bottom : 1px solid #cec6be;
}
.half-left {
width : 49%;
float : left;
}
.half-right {
width : 49%;
float : right;
}
.solutionnav {
text-align : right;
width : auto;
float : right;
margin-top : 14px;
margin-right : 12px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

td
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
}

td.stock
{
  padding-right: 7px;
  padding-left: 7px;
}

.box
{
  border: 1px #777777 solid;
}

.pad {
padding: 15px;
}

.lightgray
{
  background-color: #E5E5E5;
}

hr
{
  height: 0px;
  border: solid #7694B0 0px;
  border-top-width: 1px;
}

hr.event_line
{
  height: 0px;
  border: 0px;
  border-top: 1px dashed #7694B0;
}

td.navbar
{
  background-color: #E5E5E5;
  border-bottom: 1px solid #908F8C;
}

.box_header
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
}

.navbar_inactive
{
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #555555;
}

.stdText
{
  font-weight: bold;
  font-size: 9pt;
  color: #555555;
}

td.dotted_top
{
  border-top: 1px dotted #0f62a2;
}

a.bold:link, a.bold:visited
{
  font-weight: bold;
}

a.smaller
{
  font-size: 8pt;
}

.alert
{
  color: #aa1020;
  font-weight: bold;
}

.highlight
{
  color: #FD8700;
  font-weight: bold;
}

.highlightcompany
{
  color: #1D2A40;
  font-weight: bold;
  font-size: 11pt;
}

a.small:link, a.small:visited
{
  color: #000000;
}

a.smalllight:active, a.smalllight:hover
{
  font-weight: bold;
  color: #FFFFFF;
}

a.smalllight:link, a.smalllight:visited
{
  color: #FFFFFF;
}

a.small:active, a.small:hover
{
  text-decoration: underline;
  color: #3b593b;
}

a.category1:link, a.category1:visited
{
  font-weight: bold;
  color: blue;
}

a.category2:link, a.category2:visited
{
  font-weight: bold;
  color: green;
}

a.category3:link, a.category3:visited
{
  color: red;
}

a.category4:link, a.category4:visited
{
  color: gray;
}

td.sidebar
{
  background-color: #F0F4F6;
  border-left: 1px dashed #7694B0;
}

a.logo:link, a.logo:visited
{
  font-weight: bold;
  font-size: 14pt;
  text-decoration: none;
  color: #2A4966;
}

.titlebar
{
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #0f62a2;
}

.right {
float: right;
}

.information
{
  color: #0f62a2;
  font-weight: bold;
}

.fineprint
{
  color: #0f62a2;
  font-size: 7pt;
}

.reqTitle
{
  font-weight: bold;
  font-size: 10pt;
  color: #0f62a2;
}

.stdButton
{
  font-weight: bold;
  font-size: 10pt;
  background-color: #0f62a2;
  color:white;
}

.lightest
{
  background-color: #FFFFFF;
}
.lighter
{
  background-color: #E5ECF0;
}
.light
{
  background-color: #D3DDE3;
}
.lightyellow
{
  background-color: #FFFD45;
}
.dark
{
  background-color: #7694B0;
}
.darker
{
  background-color: #32567A;
}
.darkest
{
  background-color: #000000;
}

.datebox {
float: left;
padding: 15px;
font-size: 24px;
text-align: center;
background: #e4e4e4;
}
.datebox .small {
font-size: 14px;
}
.articlebox {
width: 480px;
float: right;
min-height: 75px;
_height: 75px;
padding-bottom: 10px;
}
.content .pad h1 {
margin: 0px;
}

.content2 .pad h1 {
margin: 0px;
}

.bold {
font-weight: bold;
}

.orange {
color: #d46617;
}

.large {
font-size: 18px;
}

.medium {
font-size: 14px;
}

.small {
font-size: 9px;
}

span.entry_menu
{
  font-weight: bold;
  font-size: 10pt;
}

a.entry_menu:link, a.entry_menu:visited
{
  font-weight: bold;
  text-decoration: none;
  color: #0f62a2;
}

a.entry_menu:active, a.entry_menu:hover
{
  font-weight: bold;
  text-decoration: underline;
  color: #0f62a2;
}

#news
{  
  margin: 0px;
  padding: 0px;  
}

#news td, span
{
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 9pt;
}

#news table.shortBlock
{
  background-color: #F7F7F7;
  border: 1px #777777 solid;
  margin: 0px;
  padding: 0px;  
  color: #000000;
}

#news table.longBlock
{
  margin: 10px 0px 0px 0px;
  padding: 0px;  
}

#news ul
{
  margin: 1em;
  padding: 0.5em;
}

#news ol
{
  margin: 1em;
  padding: 0.5em;
}

#news li
{
  line-height: 2.5ex;
}

#news a:link, #news a:visited
{
}

#news a:active, #news a:hover
{
}

#news span.title, span.date
{
  font-weight: bold;
  font-size: 10pt;
  color: #000000;
}

#news a.title:link, #news a.title:visited
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

#news a.title:active, #news a.title:hover
{
  font-size: 10pt;
  font-weight: bold;
  color: #777777;
}

#news img.uploadedImage
{
  border: 1px #777777 solid;  
}

/* BEGIN NAV */

#nav {
width : 890px;
height : 32px;
margin-right : auto;
margin-left : auto;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 15px;
color: #fff;
}

#nav a {
display: block;
position: relative;
margin: 0;
background-image : url(../assets/navbg.gif);
background-repeat : no-repeat;
margin-right: 1px;
color: #fff;
text-align: center;
text-decoration: none;
cursor: pointer !important;
width : 99px;
height : 32px;
font-size: 13px;
line-height: 32px;
}

#nav a:hover {
background-image : url(/assets/navbg.gif);
background-repeat : no-repeat;
background-position : 0 -32px;
}

#nav li {
float: left;
position: static;
}

#nav li:hover {

}

#nav li.last {
border-right: none;
}

#n-sitemap a {
padding:0;
margin: 0;
background: none !important;
width: 44px;
line-height: 20px;
background-color: none;
}

#n-sitemap {
padding:0;
margin: 0;
background: none;
width: 99px;
background-color: none;
}

#nav ul ul {
position: absolute;
z-index: 500;
font-size: 12px;
}

#nav ul ul li {
clear: left;
}

#nav ul ul li:hover {
}

#nav ul ul li a {
height: 20px;
padding: 5px 15px !important;
position: relative;
text-align: left;
line-height: 20px;
color: #fff !important;
cursor: pointer !important;
background: none !important;
background-color: #273856 !important;
width: 200px;
border-bottom: 1px solid #384864;
border-left: 1px solid #384864;
border-right: 1px solid #384864;
}

#nav ul ul li a:hover {
color: #fff !important;
background: none !important;
background-color: #1b2b46 !important;
}

#nav ul li:hover a {
color: #fff;
}

#nav ul ul ul {
position: absolute;
margin-top: -27px;
left: 100%;
}

#nav ul ul ul li a {
background: none;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}

.selected a {
background-image : url(/assets/navbg.gif);
background-repeat : no-repeat;
background-position : 0 -64px;
}