/* 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 */
  font-family: Arial, Trebuchet, Verdana, 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: 20px; padding: 0;  background: url(/images/bg_body.gif) repeat-x center top; background-color:#655151;}

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

img {border: 0;}

th {font-weight: normal;}


#ir_container {font-size: 11px; width: 980px; margin: 0 auto; color: #333; clear: both; background-color: #fff; }
#ir_header { width: 100%; height: 155px; background: url(../images/bg_header.jpg) no-repeat;}
#ir_sidebar {float: left; width: 170px; padding: 50px 5px 0 0; }
#ir_content {float: left; width: 805px; margin-bottom: 10px; }
#ir_banner { float: left; width: 805px; background: url(/images/img_banner.jpg) no-repeat; } 
#ir_contentInside { float: left; width: 750px; padding: 0 20px 15px 25px; border: 1px solid #ccc; margin: 8px 10px 0 0;}
#ir_footer {font-size: 10px; width: 980px; height: 70px; margin: 0 auto; clear: both; background: url(/images/footer.gif) no-repeat left bottom; }
#ir_footerWrap { margin: 0 10px 0 148px; width: 822px;  position: relative;  }
#ir_Copyright { position:absolute; top: 15px; left: -8px; width:682px; padding-right: 20px; }
#ir_SiteMap {position:absolute; top: 15px; right: 8px; }
#ir_containerPrint {font-size: 1em; width: 774px; margin:auto; clear: both; background-color: #fff; }
#ir_contentPrint {width: 754px; padding: 0 10px; }
#ir_footerPrint {font-size: 0.82em; width: 754px; padding: 10px; clear: both; border-top: 1px solid #ccc; text-align: center;}

h1 {font-size: 28px; font-weight: normal; text-transform: uppercase; padding: 0 0 10px ; color: #333;}
h2 {font-size: 18px; font-weight: bold; color: #333; margin: 1em 0;}0
h2.ir_textMainHighlight {font-size: 1em; color: #333; margin: 0;}
h3 {font-size: 14px; color: #E71A22; font-weight: bold;}
h4 {font-size: 11px; font-weight: bold;color: #333;}
h5 {}
h6 {}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover, a:hover.newlink {color: #990000; text-decoration: none;}
a.newlink {color: #ED1921; text-decoration: none;}

a.ir_addToCalendar { background: url(/images/btn_calendar.gif) no-repeat left top; display: block; text-indent: -1000em; width: 20px; height: 20px; margin: 0 auto; outline: none; }
a.ir_addToCalendar:hover { background-position: left bottom; }

.ir_linkPDF {background: url(../images/icon_pdf.gif) no-repeat left top; padding-left: 30px; line-height: 25px; height:32px;}
.ir_linkHTML {background: url(../images/icon_html.gif) no-repeat left top; padding-left: 30px; line-height: 25px; height:32px;}
.ir_linkAudio {background: url(../images/icon_audio.gif) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkVideo {background: url(../images/icon_video.gif) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkZip {background: url(../images/icon_zip.gif) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkArchive {background: url(../images/icon_archive.gif) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkView {background: url(../images/icon_view.gif) no-repeat left top; padding-left: 20px; line-height: 18px;}

img.ir_left {float: left; margin: 0 10px 10px 0;}
img.ir_right {float: right; margin: 0 0 10px 10px;}
img.ir_middle {vertical-align: middle;}

.ir_textRed {color: #ff0000;}
.ir_textGreen {color: #448800;}
.ir_textQuestions {color: #00f;}

.ir_textMainHighlight {color: #1e1e1e; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}
.ir_textFootnote {font-size: 0.9em;}
.ir_textFootnote ol {font-size: 1em;}
.ir_textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}

.ir_textFooter {text-align: left;}
.ir_textFooter a:link {text-decoration: none;}
.ir_textFooter a:visited {text-decoration: none;}
.ir_textFooter a:hover {text-decoration: underline;}

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

#ir_search {text-align:right; padding: 50px 10px 0 0; clear: both;}

#ir_menu {list-style: none; padding: 0; margin: 0; width: 123px; } /* general menu style */
#ir_menu ul {list-style: none; padding: 0; margin: 0;} /* reset bullet for sub menu */
#ir_menu li {padding: 10px 0; color: #000; height: 36px; font-weight: bold;} /* apply to all li elements - mainly for group header */
#ir_menu ul li {padding: 0; color: #69c; font-weight: normal;} /* reset li elements to control sub menu */
#ir_menu a { width: 123px; color: #000; text-indent: -1000em; } /* apply to all <a> elements - mainly for group header */
#ir_menu ul a {color: #69c;} /* reset <a> elements to control sub menu */
/*#ir_menu .selected {color: #000;} /* for selected main menu */
/*#ir_menu .selected a {color: #000;} /* for selected main menu with hyperlink */
/*#ir_menu .selected ul a {color: #69c;} /* reset for unselected sub menu in a selected group */
/*#ir_menu .selected .selected {color: #234e78; text-decoration: none;} /* for selected sub menu */
/*#ir_menu .selected .selected a {color: #234e78; text-decoration: none;} /* for selected sub menu with hyperlink */


.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: #c3b777;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table.ir_table tr.ir_tableTopRow th {background: #cc0100; color: #fff; font-weight: bold;}
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: #414141; color: #fff;}
table.ir_table tr.rowHighlight td {background: #414141; color: #fff;}
table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr th.cellHeader {background: #414141; color: #fff;}
table.ir_table tr td.cellHighlight {background: #414141; color: #fff;}
table.ir_table tr td.cellTSHighlight {background: #ccd0e1; 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_tsLegendCellHighlight {float: left; width: 20px; height: 7px; font-size: 0; background: #ccd0e1; border-bottom: 1px solid #aaa; margin: 3px 3px 0 0;}
.ir_tsLegendCellRed {float: left; width: 20px; height: 8px; font-size: 0; background: #ebddd8; margin: 3px 3px 0 0;}
.ir_tsLegendCellGreen {float: left; width: 20px; height: 8px; font-size: 0; background: #d8ebdc; margin: 3px 3px 0 0;}

/* Classes for different layouts. Please use the correct classes. Those that are not in use, please delete. */
.ir_arContainer {width: 100%; padding: 0; margin: 0;}
.ir_arLeft {width: 28%; float: left; margin: 0;}
.ir_arRight {width: 72%; float: right; padding-top: 56px;} /* Add padding-top in % if you want to valign the content to middle or bottom */
#ir_arSections ul {list-style: none; margin: 0; padding: 0;}
#ir_arSections ul li {background: url(/images/bullet_ar.gif) no-repeat left top; padding: 2px 0 3px 15px; margin-left: 10px;}
#ir_arSections ul.border li {border-bottom: 1px dotted #004a88;}
#ir_arArchive ul {margin: 0; list-style: none; padding: 0;}
#ir_arArchive ul li {margin:0 15px 15px 0; float: left; text-align: center;}
.ir_arArchive ul {margin: 0; list-style: none; padding: 0;}
.ir_arArchive ul li {margin:0 15px 15px 0; float: left; text-align: center;}

.ir_directorContainer a {float: left; margin: 1em 0; width: 87px; height: 22px; background: url(/images/btn_closeview.gif) no-repeat left top; text-indent: -1000em; outline: none;} /* view - close profile */
.ir_directorContainer.hide a {background-position: left bottom;}
.ir_directorContainer .ir_directorDescription {display: block; margin-top: 50px;}
.ir_directorContainer.hide .ir_directorDescription {display: none;}

.ir_webcastContainer {width: 100%; padding: 0; margin: 0; margin-bottom: 1em;}
.ir_webcastLeft {width: 40%; float: left; margin: 0;}
.ir_webcastRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

.ir_slidesContainer {width: 100%; padding: 0; margin-bottom: 1em;}
.ir_slidesLeft {width: 40%; float: left; margin: 0;}
.ir_slidesRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

/* End Of Classes for different layouts. */

.ir_news {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news li {border-bottom: 1px solid #e3e3e3; margin: 1em 0;}
.ir_newsDate { background: url(../images/icon_news.jpg) no-repeat left; height: 20px; line-height: 20px; padding-left: 32px; color: #032258; font-weight: bold; margin-bottom: 3px; }
.ir_newsTitle { padding-bottom: 8px;}

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

.ir_boxHighlight {width: 97%; background: #e4e4e4; border: 1px dotted #333; padding: 1%;}

.ir_boxCaptcha {width: 98%; background: #fff; padding: 1%;}

.ir_search a {font-size: 1.09em; color: #023f8b; font-weight: bold; text-decoration: underline;}
.ir_search a:hover {color: #0072ff;}
.ir_search .url {color: #008000;}
.ir_searchHighlight1 {font-weight: bold; background: #ff6;}
.ir_searchHighlight2 {font-weight: bold; background: #a0ffff;}
.ir_searchHighlight3 {font-weight: bold; background: #9f9;}
.ir_searchHighlight4 {font-weight: bold; background: #f99;}

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

input.ir_investmentCalculator {border: 0; background: transparent;}
input.ir_checkBox {vertical-align: middle;}
input.ir_textBoxMA {width: 20px; margin-right: 2px;}
input.ir_left {float: left; margin: 0 10px 10px 0;}

/* Define the rest of the classes here */

p { text-align: justify; }

/*Home*/
#ir_menu .home a { width: 123px; background: url(/images/bg_header.jpg) no-repeat; background-position: top; }
#ir_menu .home a:hover { background-position: bottom; }

.sideNav { float: right; padding: 0; margin: 0; list-style: none; width: 150px; }
.sideNav li { margin: 0; float: left; }
.sideNav li a, .sideNav li a:hover { width: 150px; text-indent: -1000em; display: block; height: 35px; }
.sideNav ul { width: 150px; margin: 0; padding: 0; list-style: none;  }
.sideNav ul li a { width: 150px; text-indent: -1000em; display: block; height: 30px; list-style: none; }
.sideNav ul li a:hover, .sideNav ul li a.selected, .sideNav ul ul li a.selected { background-position: left bottom; height: 30px;}

.sideNav ul ul { width: 150px; margin: 0; padding: 0; list-style: none;  }
.sideNav ul ul li a { width: 150px; text-indent: -1000em; display: block; height: 30px; list-style: none; }

.sideNav a.home {  background: url(../images/menu/MLink01.gif) no-repeat left top; }
.sideNav a:hover.home { background-position: left bottom; }

.sideNav a.aboutus {  background: url(../images/menu/MLink02.gif) no-repeat left top;  }
.sideNav a:hover.aboutus { background-position: left bottom; }

.sideNav a.ourbrands {  background: url(../images/menu/MLink03.gif) no-repeat left top;  }
.sideNav a:hover.ourbrands { background-position: left bottom; }

.sideNav a.investor_relations {  background: url(../images/menu/MLink04.gif) no-repeat left bottom;  }


.sideNav a.media_center {  background: url(../images/menu/MLink05.gif) no-repeat left top;  }
.sideNav a:hover.media_center { background-position: left bottom; }

.sideNav a.career {  background: url(../images/menu/MLink06.gif) no-repeat left top;  }
.sideNav a:hover.career { background-position: left bottom; }

.sideNav a.contactus {  background: url(../images/menu/MLink07.gif) no-repeat left top;  }
.sideNav a:hover.contactus { background-position: left bottom; }



.sideNav a.ir_home {  background: url(../images/menu/ir_home.jpg) no-repeat left top;  }
.sideNav a:hover.ir_home { background-position: left bottom; }

.sideNav a.financial_information {  background: url(../images/menu/ir_financialinfo.jpg) no-repeat left top;  }
.sideNav a:hover.financial_information { background-position: left bottom; }

.sideNav a.newsroom {  background: url(../images/menu/ir_newsroom.jpg) no-repeat left top;  }
.sideNav a:hover.newsroom { background-position: left bottom; }

.sideNav a.Corporate {  background: url(../images/menu/corporate_gov.jpg) no-repeat left top;  }
.sideNav a:hover.Corporate { background-position: left bottom; }

.sideNav a.stock_information {  background: url(../images/menu/ir_stockinfo.jpg) no-repeat left top;  }
.sideNav a:hover.stock_information { background-position: left bottom; }

.sideNav a.information_request {  background: url(../images/menu/ir_inforequest.jpg) no-repeat left top;  }
.sideNav a:hover.information_request { background-position: left bottom; }



.sideNav a.financial_information_fin {  background: url(../images/menu/ir_financials.jpg) no-repeat right top;  }
.sideNav a:hover.financial_information_fin { background-position: right bottom; }

.sideNav a.btn_financialinformation_archive {  background: url(../images/menu/ir_fa.jpg) no-repeat right top;  }
.sideNav a:hover.btn_financialinformation_archive { background-position: right bottom; }

.sideNav a.btn_financialinformation_calendar {  background: url(../images/menu/ir_fc.jpg) no-repeat right top;  }
.sideNav a:hover.btn_financialinformation_calendar { background-position: right bottom; }

.sideNav a.btn_financialinformation_ar {  background: url(../images/menu/ir_bar.jpg) no-repeat right top;  }
.sideNav a:hover.btn_financialinformation_ar { background-position: right bottom; }

.sideNav a.btn_financialinformation_rr {  background: url(../images/menu/ir_rr.jpg) no-repeat right top;  }
.sideNav a:hover.btn_financialinformation_rr { background-position: right bottom; }



.sideNav a.stock_information_fundamentals {  background: url(../images/menu/ir_sf.jpg) no-repeat right top;  }
.sideNav a:hover.stock_information_fundamentals { background-position: right bottom; }

.sideNav a.stock_information_hisChart {  background: url(../images/menu/ir_hc.jpg) no-repeat right top;  }
.sideNav a:hover.stock_information_hisChart { background-position: right bottom; }

.sideNav a.stock_information_hisPrice {  background: url(../images/menu/ir_hp.jpg) no-repeat right top;  }
.sideNav a:hover.stock_information_hisPrice { background-position: right bottom; }

.sideNav a.stock_information_invCal {  background: url(../images/menu/ir_ic.jpg) no-repeat right top;  }
.sideNav a:hover.stock_information_invCal { background-position: right bottom; }



.sideNav a.information_request_email {  background: url(../images/menu/ir_ea.jpg) no-repeat right top;  }
.sideNav a:hover.information_request_email { background-position: right bottom; }

.sideNav a.information_request_contact {  background: url(../images/menu/ir_irc.jpg) no-repeat right top;  }
.sideNav a:hover.information_request_contact { background-position: right bottom; }

.sideNav a.information_request_download {  background: url(../images/menu/ir_dl.jpg) no-repeat right top;  }
.sideNav a:hover.information_request_download { background-position: right bottom; }






#contentNav { margin-bottom: 20px; }
#contentNav a { font-size: 12px; font-weight: bold; color: #b2a1a1; text-decoration:none; }
#contentNav a:hover {color: #ff0000;}
#contentNav .selected { font-size: 12px; font-weight: bold; color: #ff0000; }

/* HTML Validation */
#validBar { width: 128px; height: 15px; float:right;  padding: 0; margin: 0; text-align : left; position: absolute; top: 25px; left: -5px;}
#validBar a { height: 15px; float: left; text-indent: -1000em; }
#validHTML { background: url(http://ir.listedcompany.com/images/icon_validHTML.gif); width: 59px; }
#validXHTML { background: url(http://ir.listedcompany.com/images/icon_validXHTML.gif); width: 59px; }
#validCSS { background: url(http://ir.listedcompany.com/images/icon_validCSS.gif); width: 59px; margin-left: 10px; }






.ir_home { width:750px; padding: 0; }
.ir_homeLeft { width: 342px; padding-right: 35px; float: left; }
.ir_homeRight { width: 373px; float: left; }

table.ir_stockQuotesTable { text-align: left; margin-top: 10px;  float: left; width: 342px; background: #3d332b; }
table.ir_stockQuotesTable tr.rowHeader th { color: #dfe5e6; text-align: left; font-size: 15px; font-weight: bold; height: 22px; padding-left: 2px; }
table.ir_stockQuotesTable tr.rowHeader th span { color: #fff; }
table.ir_stockQuotesTable tr td { padding: 0 5px; /*border-right: 1px dotted #e3e3e3;*/ background-color: #f7f7f7; height: 23px; color: #454545; border-bottom: 1px solid #3d332b; border-right: 0;}
table.ir_stockQuotesTable tr td.row1 { border-right: 1px solid #3d332b; }
table.ir_stockQuotesTable tr td.row2 { border-left: 1px solid #3d332b; }
.ir_stockQuote_note { font-size: 10px; float: left; line-height: 21px; color:#333}
a.btn { background: url(../images/dlowdarrow.jpg) no-repeat left; padding-left: 18px; line-height: 20px; float: left;}


.ir_contentHomeBottom { width: 100%; clear: both; padding: 20px 0; }
.ir_contentHomeAR { width: 250px; float: left; }
.ir_contentHomeAR .arInside { width: 145px; height: 80px; float: left; padding: 20px 0 0 85px; margin-bottom: 10px; background: url(../images/CoverAR.jpg) no-repeat left;}

.ir_contentHomeFinancial { width: 250px; float: left; }
.ir_contentHomeFinancial .financialInside { width: 115px; height: 77px; float: left; padding: 18px 0 0 100px; margin-bottom: 10px; background: url(../images/financial_icon.jpg) no-repeat left;}

.ir_contentHomeBcase { width: 250px; float: left; }
.ir_contentHomeBcase .bcaseInside { width: 150px; height: 80px; float: left; padding: 20px 0 0 100px; margin-bottom: 10px; background: url(../images/bf_icon.jpg) no-repeat left;}