body {margin: 0px; font-family: Arial, Verdana, Sans-serif; color: #525252; background: #f8f8f8 url(images/main-bg.gif); font-size: 0.75em; text-align: center;}

h1, h2, h3 {font-family: Arial, Verdana, Sans-serif;  padding: 0; margin: 0; padding-top: 10px; line-height: 125%;}
h1 {color: #2b5178; font-size: 1.7em; padding: 5px 0px 8px 15px; text-align: left; font-weight: bold; letter-spacing: -1px; background: url(images/hr.gif) no-repeat bottom center}
h2 {color: #ae4308; padding: 28px 0px 5px 12px; font-size: 1.4em; text-align: left;}
h3 {color: #ec8725; padding: 10px 0px 5px 20px; font-size: 1.1em; text-align: left;}

h4 {color: #2b5178; font-size: 1.5em; padding: 0px; margin: 0px; text-align: center; font-weight: bold; letter-spacing: -1px;}
h5 {color: #ec8725; font-size: 1.3em; padding: 0px; margin: 0px; text-align: center; font-weight: bold; letter-spacing: -1px;}
p {line-height: 170%; letter-spacing: 0.2px; padding: 0px 10px 11px 20px; margin: 0px; color: #3c3c3c;}

.clr {clear: both;}

ul {text-align: left;}
ul li {text-align: left; margin: 4px 0px 0px 0px;}


#container {width: 888px; margin: 0 auto;}

#sitenav {width:888px; height: 74px; margin: 0 auto; background: url(images/sitenav-bg.gif) no-repeat top left;}

#frontmain {width: 888px; margin: 0 auto; padding: 0px 0px 0px 0px; background: url(images/front-main-bg.gif) repeat-y top left; text-align: left;}
#frontmain a {color: #518fc2; font-weight: bold; text-decoration: none;}
#frontmain a:hover {text-decoration: underline;}


#bnc {text-align: left;}
#bnc ul {text-align: left; margin: 10px 0px 0px 15px; padding: 0px;}
#bnc ul li {list-style: none; display: inline; color: #696969; font-weight: normal; margin: 0px 3px 0px 3px; padding: 0px;}
#bnc ul li a {color: #696969; font-weight: normal; text-decoration: none;  margin: 0px; padding: 0px;}
#bnc ul li a:hover {color: #2d5580; text-decoration: none;}

#col1 {float: left; width: 680px; margin: 10px 0px 0px 0px; background: none;}

ul.details {list-style: none; margin: 0px 0px 0px 23px; padding: 0px 0px; line-height: 165%;; font-size: 1em; text-align: left;}
ul.details li {margin: 5px 12px 15px 0px; padding: 0px 0px 6px 18px; background: url(images/bullet-blue.gif) no-repeat top left;}
ul.details li a:link, ul li a:visited {padding: 0px; margin: 0; color: #043c5b; text-decoration: none; }
ul.details li a:hover, ul.details li a:visited:hover {color: #000;}

#col1b {float: left; width: 830px; margin: 10px 0px 0px 0px; background: none;}

#col1c {float: left; width: 560px; margin: 10px 0px 0px 0px; background: none;}


#col2 {float: left; width: 172px; margin: 10px 0px 0px 25px; padding: 0px; background: none;}
#col2b {float: left; width: 292px; margin: 10px 0px 0px 0px; padding: 0px; background: none;}
#menu {width: 172px; margin: 0 auto; padding: 0px; margin: 0px; background: url(images/menu-bg.gif) repeat-y top left;}
#menu h2 {color: #2b5178; padding: 8px 0px 8px 0px; margin: 0px; background: url(images/menu-h2-bg.gif) no-repeat bottom center; text-align: center;}

#menu ul {list-style: none; margin: 0; padding: 12px 0px; line-height: 125%;; font-size: 0.95em; }
#menu ul li {margin: 0px 12px 0px 25px; text-align: left; background: url(images/menu-hr-bg.gif) no-repeat bottom left; padding-bottom: 6px;}
#menu ul li a:link, #menu ul li a:visited {padding: 0px 0px 0px 12px; margin: 0; color: #434343; text-decoration: none; width: auto; background: url(images/menu-bullet.gif) no-repeat top left;}
#menu ul li a:hover {color: #c77806;}

#menu p {color: #434343; margin: 0px 15px 0px 15px; padding: 7px 0px 5px 0px; text-align: left; line-height: 130%;}
#menu p a {color: #434343; text-decoration: none; font-weight: normal;}
#menu p a:hover {text-decoration: underline;}




/* This 3 div are only for Index page */

#releatedrpoducts h2, #markets h2, #newsevents h2 {color: #2b5178; text-align: left;}

#releatedrpoducts {float: left; width: 300px; margin: 0 auto; background: none;}
#releatedrpoducts p {color: #525252; font-size: 0.90em; margin: 0px; padding: 0px; text-align: left; line-height: 140%;}
#releatedrpoducts p a {color: #e97f2b; font-weight: bold; text-decoration: none;}
#releatedrpoducts p a:hover {text-decoration: underline;}
#releatedrpoducts table tr:hover {background: #e9e9e9;}


#markets {float: left; width: 290px; margin: 0 auto; margin: 0px 0px 0px 35px; background: none; text-align: left;}
#markets p {width: 230px; color: #525252; font-size: 0.90em; margin: 8px 15px 10px 0px; padding: 0px; text-align: left; line-height: 140%;}
#markets p a {color: #e97f2b; font-weight: bold; text-decoration: none;}
#markets p a:hover {text-decoration: underline;}



#newsevents {float: left; width: 210px; margin: 0 auto; margin: 0px 0px 0px 52px; background: none;}
#newsevents p {color: #525252; font-size: 0.90em; margin: 8px 20px 10px 12px; padding: 0px; text-align: left; line-height: 140%;}
#newsevents p a {color: #e97f2b; font-weight: bold; text-decoration: none;}
#newsevents p a:hover {text-decoration: underline;}




#footer {margin: 0 auto; width: 888px; height: 76px; padding: 6px 0px 0px 0px; margin: 10px 0px 0px 0px; background: url(images/footer-bg.jpg) no-repeat top center;}
#footer p {float: left; color: #2b5178; margin: 15px 0px 0px 0px;}
#footer p a {color: #2b5178; text-decoration: none;}
#footer p a:hover {color: #2b5178; text-decoration: underline;}

#footer img {float: right; margin: 5px; }

table.planetable {background: none; margin: 15px 0px 10px 25px; border: none;}
table.planetable tr:hover {background: none;}

table.customers {width: 630px; background: #f8f8f8; margin: 15px 0px 10px 25px; border: 1px solid #aebbc9;}
table tr p {padding: 4px 10px 4px 20px;}
tr.heading {background: #cfd6dd; height: 30px; color: #2b5178;}
table tr.heading p {font-size: 1.2em; color: #2b5178; font-weight: bold; padding: 5px 0px 5px 20px; text-align: left;}
table tr:hover, table tr.gray:hover {background: #f6f4ce;}


table tr.gray {background: #f0f0f0;}

ol {text-align: justify;}
ol li {margin: 12px 0px 12px 0px; line-height: 160%;}

table.chart {width: 100%; background: #f8f8f8; margin: 15px 10px 10px 18px; border: 0px solid #aebbc9;}
table.chart h2 {text-align: center; color: #fff; font-size: 19px; padding: 10px 0px 10px 0px; font-weight: normal;}
table.chart h3 {text-align: center; color: #2b5178; font-size: 16px; padding: 0px; margin: 10px 0px 10px 0px;}
table.chart td {width: 300px;  border: 1px solid #aebbc9; margin: 0px; padding: 0px;}
table.chart p {margin: 5px 8px 5px 10px; padding: 0px; font-size: 11px; line-height: 120%;}
table.chart p a {font-weight: normal; color: blue;}
table.chart tr.gray {background: #f0f0f0;}
table.chart tr:hover {background: none;}
tr.topheading {background: #2f5885; color: #2b5178;}
td.heading {background: #cfd6dd;}
table.chart tr.topheading:hover {background: #2f5885; text-decoration: none;}



ul.show {text-align: left; margin: 6px 0px 0px 46px; padding: 0px;}
ul.show li {list-style: none; display: inline; color: #fff; margin: 0px 9px 0px 0px;}
ul.show li a {color: #fff; padding: 5px 10px 5px 10px; text-decoration: none;}
ul.show li a:hover {color: #fff;
background: #22476a;
color: #fff;
-webkit-border-radius: 7px;  
-moz-border-radius: 7px; 
-khtml-border-radius: 7px;  
border-radius: 7px;}