/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  line-height: 1.4em;
  font-family: Arial, Helvetica, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size 
100% = 16
11/16 x 100
*/
body{ font-size: 68.8%; }

/* IE can’t read this */
html>body { font-size: 68.8%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/

body {margin: 0px; padding:0px; background:url(up2_bg.gif)}

form, input * {margin:0px; padding:0px}

#ir_container {width: 801px; margin: 0 auto; clear:both; border-top:1px solid #00833d;}
#ir_header { background: url(header_RHPetroGas.gif) no-repeat top left #fff; width:801px; float: left;  position: relative; height:119px;}
#ir_logo {padding-left: 15px; padding-top: 0; width: 252px; float: left; }
#ir_logo a {width:250px; height:100px; float:left; display:block;}
#mainenu {float:right; width:459px; padding:4px 2px 0 5px; background:url(menu_bg.gif) repeat-x; height:25px;}
#ir_content {clear:both; width:100%; background-color:#ffffff; padding:15px 0px 15px 0;}
#ir_content_left {width: 478px; padding: 0px 17px 0px 15px; float: left;  text-align:justify;}
#ir_content_right {width: 264px; padding-left: 10px; padding-top: 0px; float: left; border-left: 1px solid #00833D;}
#ir_content_left_sub {width: 218px; float: left;}
#ir_content_right_sub {width: 546px; padding :5px 25px 0px 0px; float: right; text-align:justify;}
#ir_footer {font-size:1em; border-top:2px solid #00833D; width: 791px; clear:both; height: 26px; margin:0 auto; padding: 5px 5px 0 5px;}

#ir_containerPrint {font-size: 1em; width: 462px; margin: 0 auto; clear:both;}
#ir_contentPrint {width:462px;}
#ir_footerPrint {font-size:0.82em; background: url(/images/sample_footer.gif) no-repeat #939393; width: 462px; min-height:39px; padding-top:18px; clear:both;}

h1 {font-size: 1.73em; font-weight: 600; color: #00833f; text-transform: uppercase;}
h2 {font-size: 2.18em; font-weight: bold; color: #00833f; background: url(green_arrow.gif) no-repeat 17px 8px; padding-left:36px; padding-top:0px; margin-top:0px;}
h3 {font-size: 1.27em; color: #077931; margin-top:0px;}
h4 {font-size: 1.09em; color: #077931; font-weight: bold; margin: 0px; padding: 0px;}
h5 {margin: 0px; padding: 0px; color:#0B903F; font-size:1.09em; font-weight:normal;}
h6 {}
a:link {color: #0b903f; text-decoration: none;}
a:visited {color: #0b903f; text-decoration: none;}
a:hover {color: #2d551d; text-decoration: none;}

#ir_footer a:link { color: #004F22;}
#ir_footer a:visited {color: #004F22;}
#ir_footer a:hover {color: #004F22;}


.ir_textMainHighlight {color: #077931; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}
.ir_textFootnote {font-size:0.9em;}
.ir_textFootnote ol {font-size:1em;}
.ir_textDivider {background: url(img_textDivider.gif) repeat-x; height:21px;}

.ir_textFooter {text-align:center; color:#004f22;}
.ir_textFooter a:link {color:#004f22; text-decoration: none;}
.ir_textFooter a:visited {color:#004f22; text-decoration: none;}
.ir_textFooter a:hover {color:#004f22; text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

.ir_menuIR {padding-left:26px; color:#6699cc;}
.ir_menuIR a:link {color:#6699cc; text-decoration: none;}
.ir_menuIR a:visited {color:#6699cc; text-decoration: none;}
.ir_menuIR a:hover {color:#6699cc; text-decoration: underline;}
.ir_menuIRHeader {background: url(img_bullets.gif) no-repeat left; padding-left:25px; font-weight:bold; color:#000000;}
.ir_menuDivider {width:100%; height:15px;}

.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #e7e7e7;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #f4f4f4;}
table.ir_hover tr.rowHighlight:hover td {background: #00833d;}
table.ir_hover tr.rowTSHighlight:hover td {background: #00833d;}
table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #00833d; color: #fff; font-weight: bold; text-align: center;}
table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #e7e7e7;}
table.ir_table tr.row2 td, table.ir_table tr.row2 th {background: #f4f4f4;}
table.ir_table tr.rowHeader th {background: #00833d; color: #fff;}
table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #00833d; color: #fff;}
table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr th.cellHeader {background: #00833d; color: #fff;}
table.ir_table tr td.cellHighlight {background: #00833d; color: #fff;}
table.ir_table tr td.cellTSHighlight {background: #00833d; border-bottom: 1px solid #aaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background: #ebddd8;}
table.ir_table tr td.cellGreen {background: #d8ebdc;}

.ir_tsRed {color:#ff0000;}
.ir_tsGreen {color:#448800;}
.ir_tsCellTS {float:left; width:20px; height:7px; font-size:0em; background: #ccd0e1; border-bottom:1px solid #aaaaaa; margin-top:3px; margin-right:3px;}
.ir_tsCellRed {float:left; width:20px; height:8px; font-size:0em; background:#ebddd8; margin-top:3px; margin-right:3px;}
.ir_tsCellGreen {float:left; width:20px; height:8px; font-size:0em; background:#d8ebdc; margin-top:3px; margin-right:3px;}

.ir_arContainer {width:100%; height:232px; padding:0px; margin:0px; clear:both;}
.ir_arLeft {width:40%; float:left; list-style-type:none;}
.ir_arRight {width:60%; float:right; list-style-type:none;}
.ir_arHeight {width:98%; padding-top:30%;}
.ir_iconRowHeight {height:20px;}

.ir_webcastContainer {width:100%; height:113px; padding:0px; margin:0px; clear:both;}
.ir_webcastLeft {width:37%; float:left; list-style-type:none;}
.ir_webcastRight {width:63%; float:right; list-style-type:none;}
.ir_webcastHeight {width:98%; padding-top:8%;}

.ir_news {width:100%; padding:0px; margin:0px; clear:both;}
.ir_newsDate {width:25%; float:left; list-style-type:none;}
.ir_newsTitle {width:74%; float:right; list-style-type:none;}

.ir_qa {width:100%; padding:0px; margin:0px; clear:both;}
.ir_qaDate {width:25%; float:left; list-style-type:none;}
.ir_qaTitle {width:74%; float:right; list-style-type:none;}

.ir_boxHighlight {width:97%; background:#e9f1fb; border:1px dotted #6699d5; padding:1%;}

.ir_insiderPopUp { position:absolute; z-index:200; visibility:hidden; left:100px;}
.ir_insiderPopUpContent { background:#FFFFFF; width:300px; border:1px dotted #656565; padding:5px;}

img.ir_spacerRight {margin-right:20px;}
img.ir_spacerLeft {margin-left:20px;}

input.ir_investmentCalculator { border:0px; background: transparent;}

/* Define the rest of the classes here */
* { outline: 0; }
img { border: 0; }

#topmenu {float: right; list-style:none; margin:8px 6px 0 0; ;}
#topmenu li {float: left;}
#topmenu li.home{ margin-right:16px; padding-bottom: 1px}
#topmenu li.contactus{ margin-right:8px;}
#topmenu li.sitemap{margin-top:1px;}

#dropmenu {float: right; margin: -10px 1px 0 2px; width: 532px;}
#dropmenu ul.fixed { background:url(menu_bg.gif) repeat-x;  padding:4px 2px 0px 5px; height:25px;}
#dropmenu ul {padding: 0;  margin: 0px 0px 0px 0px ;  list-style: none; }
#dropmenu li {float: left; }
#dropmenu li ul {position:absolute; top:119px; left:1px; padding-top: 5px; clear:both; background: #00833d; width:799px; height:22px; border-bottom:1px solid #FFFFFF;}
#dropmenu li ul li {padding: 3px 10px 0px 10px; background: #00833d; float:right; margin-right:10px;}
#dropmenu li ul li.selected {padding-left:20px; background: url(bullet.gif) no-repeat 10px 60%; float:right; color:#b2fe77; }
#dropmenu li:hover ul, li.over ul {clear: left}

#dropmenu a:link {color: #ffffff; text-decoration: none; }
#dropmenu a:visited {color: #ffffff; text-decoration: none;}
#dropmenu a:hover {color: #b2fe77; text-decoration: none; background-position: bottom left; height: 25px;}
#dropmenu li ul li a {padding-left:10px;}
#dropmenu li ul li a:hover { color: #b2fe77; text-decoration: none; background: url(bullet.gif) no-repeat 0 60%;  }


#dropmenu .aboutus {background: url(nav_aboutus.gif) no-repeat; width: 87px; height: 25px; text-indent: -1000em; float: left; line-height: 25px; }
#dropmenu .aboutus_selected {background: url(nav_aboutus.gif) no-repeat 0% 100%; width: 87px; height: 25px; text-indent: -1000em; float: left; line-height: 25px; }
#dropmenu .oil {background: url(nav_oil.gif) no-repeat; width: 86px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .oil_selected {background: url(nav_oil.gif) no-repeat 0% 100%; width: 86px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .electronics {background: url(nav_electronics.gif) no-repeat; width: 105px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .electronics_selected {background: url(nav_electronics.gif) no-repeat 0% 100%; width: 105px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .ir {background: url(nav_ir.gif) no-repeat; width: 145px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .ir_selected {background: url(nav_ir.gif) no-repeat 0% 100%; width: 145px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .contactus {background: url(nav_contact.gif) no-repeat; width: 96px; height: 25px; text-indent: -1000em; float: left; }
#dropmenu .contactus_selected {background: url(nav_contact.gif) no-repeat 0% 100%; width: 96px; height: 25px; text-indent: -1000em; float: left; }

#dropmenu ul.active { }
#dropmenu li.active { list-style: square; }
#dropmenu li.active a { color: #422606; text-decoration: none; }

#menuPadding { background: #CB8432; height: 25px; width: 797px; margin-left: 3px; float: left; display: none;  }

#topbanner {width: 799px; float: left;  }

#home_latest_news { background:url(latest_new_bg.gif) no-repeat #e7e7e7; margin-top: 29px; padding: 30px 10px 10px 10px; }

.more_link {float: right; margin-top: 15px;}

.home_left_info { background:url(info_frame.gif); height: 56px; width: 260px; float: left; padding: 6px; margin-top: 2px; margin-bottom: 3px;}
.home_left_info .image {float: left; }
.home_left_info .text {float: right; width: 196px; }
.home_left_info h3 { margin: 0; }
.home_left_info p { margin: 0; }

/*.home_left_ar { background:url(ar_frame.gif); height: 140px; width: 262px; float: left; padding: 6px; margin-top: 5px;}*/
.home_left_ar .image {float: left; }
.home_left_ar .text {float: right; width: 166px; }
.home_left_ar h3 { margin-top: 60px; }
.home_left_ar p { margin: 0; }

/*#home_right_stock {float: left; width: 261px; padding:10px 5px 10px 5px; border: 1px solid #e5e5e5;}*/
#home_right_stock {float: left; width: 262px; padding: 7px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}

.rounded {width:272px; }
.rounded span {width: 100%; height: 5px; display:block; font-size:0em;}
.top_border { background:url(top_border.gif); }
.bottom_border { background:url(bottom_border.gif);}
.content {width: 263px; padding: 3px 4px 1px 4px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}

#footer_left {float: left; padding-top: 5px; color:#004f22;}
#footer_right {float: right; padding-top: 5px; color:#004f22;}
.footer_center {text-align:center;}

.fixed:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.fixed{
	display:block;
	}
/*  \*/
.fixed{
	min-height:1%;
	}
* html .fixed{
	height:1%;
	}
	
ul.contentList {padding:0; margin:10px 5px; list-style:none;  }
ul.contentList li {background:url(bullet.gif) no-repeat 0 5px; padding-left:12px;}
.manufacturing {}


a.more {padding-right:10px; background:url(more.gif) no-repeat right 80%; text-decoration:none; color:#0b903f;}
a.more:hover {color:#2d551d; text-decoration:none;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both; height:1px; font-size : 0em;}

.contentPic {margin-right:3px;}
.contentPic span{padding-left:2px; padding-bottom:3px; font-style:italic;}

.directors {padding:10px 10px 10px 10px; }
.firstrow {padding-top:0px;}
.row2 {background:#f7efe7;}

#sitemap ul {list-style:none; margin-left:0px;}
#sitemap ul li {list-style:none; background: url(bullet.gif) no-repeat 0 5px; padding-left:15px; padding-bottom:10px;}
#sitemap ul li li {list-style:none; background: url(bullet.gif) no-repeat 0 5px; padding-left:15px; margin-left:0px; padding-bottom:0px;}

#submenu {padding-left:36px; color:#000000;}
#submenu a {color: #a06a2e; text-decoration: none;}
#submenu a:hover {color:#000000; text-decoration: none;}

.backtoTop a {background:url(backtop.gif) no-repeat; display:block; width:70px; height:12px; text-indent:-1000em; float:right; font-size:0em;}
.backtoTop a:hover {background-position:0% 100%; display:block;}

.productPics ul {margin:0; padding:0;}
.productPics ul li {float:left; }


.gallery { list-style: none; overflow:auto; margin: 0; padding: 1em 0; }
.gallery a { float: left; border: 1px solid #ccc; margin: 0 6px 6px 0; }
.gallery a:hover { border-color: #666; }
.gallery img { padding: 2px; }
.gallery li { float: left; }