/* CSS Document */

* { margin:0; padding: 0; outline: none; }
body {
	background-color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body#big { background: #F4A152 url(../images/bgBody.gif) top left repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
body#small { background: #F4A152 url(../images/bgBody.gif) 0 -84px repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

.clear { clear: both; font-size: 1%; padding: 0; margin: 0; height: 1%; line-height: 0 }
.bold { font-weight: bold; }
.center { text-align: center; }
.floatRight { float: right; }

img {border:none;}

/* Header Content */
#headerWrapper { background: #fff; }
#header { width: 900px; margin: 0 auto; }
#header .description { float: right; margin: 15px 83px 1px 0; }
#header h1 { width: 171px; height: 41px; background: url(../images/logo.gif); text-indent: -900em; margin: 20px 0 0 20px; float:left; }
#header h1 a { display: block; width: 171px; height: 41px; }
#header ul { width: 900px; height: 20px; background: #e77d23 url(../images/bgNav.gif) repeat-x; float:left; margin-top: 10px; list-style: none; line-height: 20px;}
#header ul { height: 20px; background: #e77d23 url(../images/bgNav.gif) repeat-x; float:left; margin-top: 10px; list-style: none; line-height: 20px;}
#header ul li { display: inline; color: #fff; text-transform: uppercase; font-size: 11px; border-right: 1px solid #fff; float:left; }
#header ul li a { color: #fff; text-decoration: none; padding: 0 17px 0 17px; }
#header ul li a:hover { background: #000 url(../images/bgNavBlue.gif); display:block; height: 20px; padding: 0 17px 0 17px; float: left; }
#header ul li .active { background: #000 url(../images/bgNavBlue.gif); display:block; height: 20px; padding: 0 17px 0 17px; float: left; }
#header ul .last { border: 0; float:left; }
#header ul .last a { padding: 0 20px 0 20px; }
#header ul .last a:hover { border: 0; float:left; padding: 0 20px 0 20px; }
#header .banner { float:left; display:none;}
#header .banner img { float:left;display:none; }

/* Home Page Content */
#bodyWrapper { background: url(../images/bgBodyRepeat2.gif) top center repeat-y; }
#bodyBackground { background: url(../images/bgBodyNoRepeat.gif) top center no-repeat; }
#home { background: url(../images/bgBodyNoRepeat.gif) top center no-repeat; width: 900px; margin: 0 auto; padding-left: 5px; }
#home .contentBoxLong { width: 696px; height: 93px; background: url(../images/bgBlueLong.gif) top left no-repeat; color: #fff; font-size: 12px; float:left; margin: 3px 0 0 0px; padding: 15px 0 0 15px; }
#home .contentBoxBlue { width: 169px; height: 91px; background: url(../images/bgDarkBlue.gif); float:right; margin: 4px 3px 0 0; color: #fff; padding: 15px 0 0 15px; }
#home .contentBoxBlue select { width: 149px; height:19px; border: 1px solid #a5acb2; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-top: 8px; }
#home .news { margin-top: 3px; width: 200px; float:left; padding-right: 30px; font-size: 11px;}
#home h3 { font-weight: normal; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; color: #fff; }
#home .contentBoxOrange { background: url(../images/bgOrange.gif); width: 212px; height: 185px; float:left; margin: 1px 0 10px 0px; padding: 7px 10px 0 15px; color: #322e29; }
#home .contentBoxOrange img { margin: 3px 0 7px 0; }
#home a { color: #ee8a2d; margin: 10px 0; /*display: block;*/ text-decoration: none; }
#home .small { width: 160px; background: url(../images/bgOrangeSmall.gif); margin-left: 1px; }
#home table { width: 151px; text-align: right; margin-bottom: 6px; }
#home table th { font-weight: normal; text-align: left; }
#home table .green { color: #5db040; }
#home .contentBoxOrange .stock { color: #625d56; }

#sub { width: 900px; margin: 0 auto; color: #515151; }

/* Styles */
#sub a { color: #ee8a2d; margin: 0px 0; /*display: block;*/ text-decoration: none; }
#sub h3 { color: #c45717; text-transform: uppercase; font-weight: normal; font-size: 12px; margin: 8px 0; }
#sub h4 { margin-top:10px; font-size: 11px; }

/* Top Heading Bar */
#sub .heading { height: 44px; width: 100%; background:url(../images/bgHeading.gif) top left repeat-x; padding-top: 8px; }
#sub .heading h2 { font-size: 15px; color: #3a3a3a; text-transform: uppercase; margin-left: 190px; }
#sub .heading h3 { color: #fff; margin-left: 190px; }

/* Side Navigation (also used on investor page)  */
#sub .navigation { width: 190px; float:left; height:auto; ;margin:0 5px 0 0; display:none;}
#sub ul { list-style: none; margin: 10px 0 20px 10px; }
#sub li { background:url(../images/arrow.gif) no-repeat top left; padding-left: 15px; margin-top: 7px; /*width: 130px;*/ }
#sub li a { color: #515151; font-weight:normal; text-decoration: none; margin: 0; }
#sub li a.bold {color: #515151; font-weight:bold; text-decoration: none; margin: 0; }

#sub .content { width: 530px; float: left; margin-bottom: 30px; }
#sub .content p { width: 460px; margin-top: 0px; }
#sub .intro { width: 460px; margin-top: 0px; }
#sub .holder { width: 140px; margin-right: 27px; float:left; }
#sub .holder img { margin-bottom: 10px; }
#sub .content .holder div p {margin:0; padding:0; width: 140px; }

#sub .content table {width:100%}
#sub .content table td.cell_2, td.cell_3, td.cell_4, td.cell_5, td.cell_6 {text-align:right;}
#sub .content img {border:none;}
/* Right Bar */
#sub .right { width: 170px; float: right;display:none;}
#sub .right img { margin: 5px 0; }
#sub .right select { width: 149px; height:19px; border: 1px solid #a5acb2; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 8px 0; }
#sub .right p { margin: 5px 0; }
#sub .right .title { font-weight: bold; display: block; margin-top: 5px; }

/* Contact Page */
#sub .textbox { width: 276px; background: #efefef; font-size: 11px; height: 13px; padding: 3px; margin-top: 10px; }
#sub .textarea { width: 276px; height: 200px; float:left; font-size: 11px; padding: 3px; border: 1px solid #8c8e93; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-top: 10px; }
#sub label { margin-right: 30px; width: 100px; float: left; margin-top: 10px; }
#sub .required { float: right; margin:15px 90px 0 0; color: #e19d2b; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
#sub .buttons { float: left; width: 400px; margin: 10px 0 10px 130px; display: inline; }
#sub .button { text-transform: uppercase; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; width: 64px; height: 30px; background: #ee8c2f url(../images/submit.gif) no-repeat right; border: 0; padding-bottom: 3px; margin-top: 5px; }
#sub .unbutton { text-transform: uppercase; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; width: 64px; height: 30px; background: #ee8c2f url(../images/submit.gif) no-repeat right; border: 0; padding-bottom: 3px; margin-top: 5px; }
#sub .requiredField { color: #e19d2b; font-size: 10px; }
#sub .LV_validation_message{ font-weight:bold; display: block; }
#sub .LV_valid { color:#00CC00; display:none; }
#sub .LV_invalid { color:#CC0000; }
#sub .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }
#sub .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }
#sub .dropdown { width: 100px; float:left; font-size: 11px; height: 19px; border: 1px solid #8c8e93; margin-top: 10px; display: inline; }
#sub .subscribe input { width:100px; border: 1psx solid #a5acb2; height: 14px; margin-top: 10px; }
#sub .subscribe .button { width:80px; background: #e36d28; height: 14px; border: 0; margin-top: 10px; }
#sub .subscribe .unbutton { width:120px; background: #e36d28; height: 14px; border: 0; margin-top: 10px; }
#sub .subscribe #txtBoxSubscribe {height:14px;}
#sub .subscribe .textbox {height:14px;}
/* Columns Investor Relations Page */
#sub .column { float: left; width: 150px; margin-right: 20px; }
#sub .column ul { margin: 0; }
#sub .column3 { float: right; width: 175px; }

/* Shares sidebar Page */
#sub .shares { background: url(../images/bgshares.gif); width: 165px; background: url(../images/bgShares.gif); margin-left: 1px; float: right; height: 192px; margin: 10px 10px 0 0px;}
#sub .shares h3 { font-weight: normal; text-transform: uppercase; font-size: 12px; margin: 7px 0 10px 10px; color: #fff; }
#sub .shares table { width: 131px; text-align: right; margin: 0 6px 0 10px; }
#sub .shares table th { font-weight: normal; text-align: left; }
#sub .shares p { margin: 10px; width: 145px; color: #625d56; }
#sub .shares table .green { color: #5db040; }
#sub .data { float: right; width: 165px; }
#sub .data p { width: 165px; }
#sub a.pdf { padding-left: 30px; background: url(../images/pdf.gif) left no-repeat; line-height: 22px; color: #515151; display: block; z-index: 5; }

/* Sustainable Development */
#sub .sustainable .holder { width: 150px; margin-right: 20px; float:left; }
#sub .sustainable .holder img { margin-bottom: 10px; }
#sub .sustainable .holder p { width: 150px; }

/* Contact Development */
#sub .contact .holder { width: 145px; margin-right: 20px; float:left; }
#sub .contact .holder ul { list-style: none; margin: 0 0 10px 0; }
#sub .contact .holder li { width: 150px; padding: 0; background:0; color: #818181; }

/* Orange Table Current Vacancies */
#sub .orangeTable { background: url(../images/orangeTable.gif); width: 512px; height: 122px; float:left; padding: 6px; margin: 10px 0 0 0 ; }
#sub .orangeTable h3 { color: #fff; margin:0 0 10px 0; }
#sub .orangeTable table { width: 500px; text-align: left; margin-top: 10px; }
#sub .orangeTable table th { width: 37% }
#sub .orangeTable a { display: block; margin: 5px 0;  }

/* News Media */
#sub .newsMedia { float: left; }
#sub .newsMedia .blueBox { background: url(../images/bgNews.gif); width: 527px; height: 94px; padding: 5px 0 0 10px; color: #fff; margin: 5px 0 0 0px; float: left; }
#sub .newsMedia .blueBox img { float: right; margin: 0 12px; }
#sub .newsMedia .blueBox h3 { color: #fff; margin-bottom: 0px;}
#sub .newsMedia .blueBox .news { margin-top: 0px; width: 250px; float:left; font-size: 11px;margin:right:10px;}
#sub .newsMedia .holder { width: 165px; float: left; margin:0; }
/* Added By Murli */
#sub .newsMedia .holder div p {margin:0; padding:0; width:165px; }


/* Our Operations */
#ourOperations { background: #000 url(../images/bgBlack.gif) no-repeat top left; width: 900px; height: 305px; color: #fff; margin: 0 auto; }
#ourOperations .left { width: 320px; float: left; }
#ourOperations .left p { margin: 0 0 0 20px; color: #d9d9d9; line-height: 15px; }
#ourOperations .left h2 { font-size: 15px; text-transform: uppercase; background:url(../images/ourOperations.gif) top left no-repeat; text-indent: -900em; display: block; width: 200px; height: 20px; margin: 15px 0 0 20px;}
#ourOperations .left h3 { margin: 10px 0 0 20px; text-transform: uppercase; font-size: 12px; }
#ourOperations .left ul { list-style: none; background: none; width: 320px; background: url(../images/bgNavigation.gif) top left no-repeat; margin: 17px 0 0 10px; padding-top: 5px; }
#ourOperations .left li { color: #f09f53; display: block; background: none; width: 320px; border: 0; float: none; height: 25px; padding-left: 10px; }
#ourOperations .left li a { color: #f09f53; text-decoration: none; }
#ourOperations .right { float: left; margin: 10px 0 0 10px; }

/* pop up subscribe */
#popup { padding: 20px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
#popup h3 { margin-top: 10px; color: #c45616; font-weight: normal; }
#popup .subscribe input { width:100px; border: 1psx solid #a5acb2; height: 18px; margin-top: 10px; }
#popup .subscribe .button { width:50px; background: #e36d28; height: 19px; border: 0; margin-top: 10px; font-family: Tahoma; color: #fff; text-transform: uppercase; font-size: 11px; }
#popup a { color: #e36d28; margin: 10px 0; display: block; text-decoration: none; font-size: 11px; }

/* Javascript Calendar */
#jcalendar .select { position: absolute; margin: 170px 0 0 0; float: left; width: 210px}
#jcalendar select { float: left; margin-left: 5px; }
#jcalendar a { color: #818181; margin: 0; display: block; }
fieldset.jcalendar { float: left; width: 348px; height: 220px; border: 0; color: #818181; background:url(../images/bgCalendar.gif) no-repeat; margin-top: 20px; }
#jcalendar .jcalendar-wrapper { width:183px; position:relative }
#jcalendar .jcalendar-selects { padding:.6em .4em; text-align:center; }
#jcalendar .jcalendar table { color:#c45616; margin:10px auto; height: 140px; line-height:10px; }
#jcalendar .jcalendar table td { padding:0; width:10px; }
#jcalendar .jcalendar table td a { display:block; text-align:center; text-decoration:none; width:25px; height: 10px; }
#jcalendar .jcalendar table td.today a { color:#c45616; font-weight: bold; line-height: 17px; width: 20px; height: 17px; display: block; }
/* Added By Indigo*/
#jcalendar .jcalendar table td.todayMessage a { color:#0033FF; font-weight: bold; line-height: 17px; width: 20px; height: 17px; display: block; }

#jcalendar .jcalendar table td a.selected { background:#777 url(../images/bgDate.gif); color:#fff; font-weight: bold; line-height: 17px; width: 20px; height: 17px; display: block; }
#jcalendar .jcalendar-links { text-align:center; margin: -171px 0 0 20px; line-height: 10px; float:left; display: inline; }
#jcalendar .jcalendar-links a { color: #fff; padding: 0 10px; line-height: 17px; display: inline;}
.announcement { background: #f2f2f2; width:150px; height: 163px; float: right; margin: 2px 0 0 0; display: inline; }

ul#sitemap { list-style: none; margin-top: 20px; }
ul#sitemap li { font-weight: bold; background: none; border-top: 1px solid #cccccc; padding: 3px 10px; }
ul#sitemap li a { margin: 0; padding: 0; color: #e36d28; }
ul#sitemap li ul { border-top: 1px solid #ccc; padding-left: 10px; margin: 5px -10px 0 -10px; }
ul#sitemap li ul li ul { border: none; margin-top: 2px; }
ul#sitemap li li { padding-left: 15px; background: url(../images/arrow.gif) 0 4px no-repeat; margin: 2px 0 0 0; font-weight: normal; color: #000; list-style: none; border: none; }
ul#sitemap li li a { margin: 0; padding: 0; color: #515151; }

#gallery img { background: url(../images/imagebg.gif) #000; padding: 8px; margin: 15px 13px 5px 13px; display: inline; float: left; border: none; }

#directors { margin-bottom: -1px; }
#directors h4 { font-size: 14px; color: #c45717; }
#directors div.directors { margin: 0 10px 0 0; float: left; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
#directors .directors p { float: right; width: 401px; margin: 10px 0 0 0; }
#directors img { float: left; display: inline; border: 1px solid #000; margin-top: 10px; }
#directors span { display: block; color: #c45717; }

#footer { background: #000 url(../images/bgFooter.gif) top left repeat-x; margin: 0 auto; width: 880px; clear:both; color: #a6a6a6; padding: 10px 10px 0 10px; }
#footer.big { height: 75px; }
#footer.small { height: 38px; }
#footer a { color: #a6a6a6; text-decoration: none; }

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Flash Content */

.flash_content {
    border:solid 0px #f00;
    padding: 0px 0 10px 0; }
    
/* Images */

.floatleft {
    float:left;
    padding-right:8px; }

.floatright {
    float:right;
    padding-left:8px; }