
h1, h2, h3, h4, h5, h6, pre, code, p {
font-size : 1em;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin : 0;
padding : 0;
}
a img, :link img, :visited img {
border : none;
}
address {
font-style : normal;
}
ul, ol, dl, li {
list-style-type : none;
}
input  {background : url(../images/input_bg.jpg) repeat-x left top; border:solid 1px #bcbcbc;  }
textarea {background : url(../images/input_bg.jpg) repeat-x left top; border:solid 1px #bcbcbc; height:100px; width:250px; padding-top:5px; line-height:20px; }
select {  border:solid 1px #bcbcbc; }

.cls{clear:both;}

.red{color:#FF0000;}

html {
height : 100%;
margin-bottom : 1px;
}
body {
background : #fff;
font : 12px Arial, Helvetica, Verdana, sans serif;
}
.clear {
clear : both;
}


/* Content */
#content-outer {
	clear: both;
	float: left;
	width: 945px;
	margin: 0; padding: 0;
	}
#content-wrap {
	float: left;
	width: 945px;
	
}
#content {
	float: left;
	width: 945px;
	display: inline;
	padding-bottom:10px;
}
#leftcol {
	width: 260px;	
	float: left;	
	padding-top: 15px;	
}
#rightcol {
	width: 680px;
	float: right;
	padding-top: 5px;
}

h2 {
height : 15px;
margin : 10px 0 10px 0;
color : #838182;
}
h3 {
font-weight :normal;
font-size : 18px;
line-height : 18px;
background : url(../images/dotted-lines.gif) repeat-x left bottom;
margin : 0;
color : #505356;
padding : 8px 0 8px 0;
}
h3 .highlight {
color : #0080ca;
font-weight : bold;
font-size : 24px;
}
h5 {
font-weight : normal;
margin-bottom : 5px;
font-size : 11px;
color : #0099cc;
}
h6 {
font-weight : bold;
color : #0080ca;
margin : 0 0 4px 0;
}
h7{
font-weight :normal;
font-size : 18px;
line-height : 18px;
background : url(../images/dotted-lines.gif) repeat-x left bottom;
margin : 0;
color:#FFFFFF;
padding :0px;
}
h6 a {
color : #0080ca;
}
p {
margin : 0 0 20px 0;
color : #838182;
line-height : 18px;
text-align:justify;
}

p a {
margin : 0 0 20px 0;
color:#666666;
line-height : 18px;
text-decoration:underline;
}

p a:hover {
margin : 0 0 20px 0;
color : #838182;
line-height : 18px;
text-decoration:underline;
}

.highlight {
color : #000;
}
.center {
text-align : center;
}
ul.plus-list li {
list-style : url(../img/gray-arrow.gif) inside;
}
.list2 {
	font-size:12px;
	color:#666666;
	font-family: Arial, Verdana, Helvetica, sans-seri;
	background:url(../img/gray-arrow.gif) no-repeat 1% 20%;
	line-height:19px;
	margin-left:5px;
	padding-left:20px;
	text-align:justify;
	padding-bottom:10px;
	list-style-type: none;
}	

#sitemap li{
	font-size:12px;
	color:#666666;
	font-weight:normal;
	font-family: Arial, Verdana, Helvetica, sans-seri;
padding-top:5px;
	line-height:19px;
	margin-left:5px;
	padding-left:20px;
	text-align:left;
	padding-bottom:5px;
	list-style-type: none;
	border-bottom:dotted 1px #999999;
}

#sitemap li a{
margin-left:5px;
	padding-left:20px;
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
	background:url(../img/gray-arrow.gif) no-repeat 5% 50%;
	color:#666666;
	text-decoration:none;
	}
#sitemap li a:hover{ color:#000000;}

#sitemap h3 a{
font-weight :normal;
font-size : 12px;
line-height : 18px;
font-weight:bold; 
margin : 0;
text-decoration:none;
color:#0066FF;
padding : 8px 0 8px 20px;
border:0px;
background:url(../img/gray-arrow.gif) no-repeat 5% 50%;
}
#sitemap h3 a:hover{ color:#000000;}

.sub a{color:#999999;}

body {
background : #fff url(../images/bg_new.gif) repeat-x top left;
}
#wrapper {
margin : 0 auto;
width : 945px;
position : relative;


}
#siteHead {
width : 945px;
height : 96px;
padding : 7px 0 10px 0;
margin : 0;
}
#pageHead {
width : 945px;
margin : 0;
padding : 0;
background-color : #fff;
background:url(../images/spinner.gif) no-repeat center;
}
#content {
width : 945px;
min-height : 200px;
margin : 0 auto;
padding : 0 0 0 0;
background-color : #fff;
}

#siteHead dt {
float : left;
width : 135px;
min-height : 42px;
}
#siteHead dt a {
display : block;
overflow : hidden;
width : 135px;
height : 0;
padding-top : 42px;
background : url(../img/nav/topnav.gif) no-repeat top left;
}
#siteHead dd {
height : 42px;
background : #fff url(../img/nav/topnav.gif) no-repeat top left;
margin : 0;
}
#siteHead li {
float : left;
width : auto;
}
#siteHead li a {
display : block;
overflow : hidden;
width : 135px;
height : 0;
padding-top : 35px;
margin : 0;
}
#siteHead li.current a, #siteHead li a:hover {
background : url(../img/nav/topnav.gif) no-repeat 0 -100px;
}
#siteHead li.current a.about, #siteHead li a.about:hover {
background-position : 0 -100px;
}
#siteHead li.current a.global, #siteHead li a.global:hover {
background-position : -135px -100px;
}
#siteHead li.current a.rnd, #siteHead li a.rnd:hover {
background-position : -270px -100px;
}
#siteHead li.current a.products, #siteHead li a.products:hover {
background-position : -405px -100px;
}
#siteHead li.current a.careers, #siteHead li a.careers:hover {
background-position : -540px -100px;
}
#siteHead li.current a.financials, #siteHead li a.financials:hover {
background-position : -675px -100px;
}
#siteHead li.current a.contact, #siteHead li a.contact:hover {
background-position : -810px -100px;
}
#siteHead dd #ir-cu {
position : absolute;
padding-top : 10px;
padding-left : 800px;
font-size : 9px;
}
#pageHead dl.page-head {
height : 0;
width : 945px;
overflow : hidden;
margin : 0 auto;
background-repeat : no-repeat;
background-position : top center;
}
#pageHead dl.home {
padding-top : 329px;
background-image : url('../img/pagehead/home.jpg');
}
#pageHead dl.about {
padding-top : 251px;
background-image : url('../img/pagehead/abt_overview.jpg');
}
#pageHead dl.rnd {
padding-top : 251px;
background-image : url('../img/pagehead/rnd.jpg');
}
#pageHead dl.career {
padding-top : 251px;
background-image : url('../img/pagehead/career.jpg');
}
#pageHead dl.finance {
padding-top : 200px;
background-image : url('../img/pagehead/finance.gif');
}
#pageHead dl.about_mission {
padding-top : 251px;
background-image : url('../img/pagehead/abt_mission.jpg');
}
#pageHead dl.power {
padding-top : 350px;
background-image : url('../img/pagehead/power.jpg');
}
#pageHead dl.safety {
padding-top : 350px;
background-image : url('../img/pagehead/safety.jpg');
}
#pageHead dl.life {
padding-top : 350px;
background-image : url('../img/pagehead/life.jpg');
}
#pageHead dl.products {
padding-top : 120px;
background-image : url('../img/pagehead/products.jpg');
}
#pageHead dl.news {
padding-top : 120px;
background-image : url('../img/pagehead/news.jpg');
}
#pageHead dl.company {
padding-top : 260px;
background-image : url('../img/pagehead/company.jpg');
}
#pageHead dl.directors {
padding-top : 260px;
background-image : url('../img/pagehead/directors.jpg');
}
#pageHead dl.facilities {
padding-top : 260px;
background-image : url('../img/pagehead/facilities.jpg');
}
#pageHead dl.commitment {
padding-top : 260px;
background-image : url('../img/pagehead/commitment.jpg');
}

#bradc{margin:8px 8px 8px 0; width:935px; font-family:Arial, Helvetica, sans serif; font-size:11px; font-weight:normal; color:#666666; float:left; border:dotted 1px #999999; padding:5px 5px 5px 3px}
.bradc_page{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0080ca;}
a.bradc:link {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#818181;}
a.bradc:visited {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666666; text-decoration:none;}
a.bradc:hover {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666666; text-decoration:underline;} 
.title {
width : 300px;
background : url(../images/dotted-lines.gif) repeat-x left bottom;
margin : 0 10px 7px 0;
padding-top : 5px;
height : 48px;
}
.callout-content {
width : 158px;
padding : 5px 0 10px;
float : left;
}
.quart-content {
width : 172px;
padding : 5px 0 10px;
float : left;
}
#wrapper .quart li {
padding-bottom : 9px;
margin-bottom : 10px;
border-bottom : 1px solid #ccc;
margin-left : 22px;
}
#wrapper .quart a {
display : block;
height : 0;
overflow : hidden;
width : 172px;
background-position : top left;
background-repeat : no-repeat;
}
#wrapper .quart a:hover {
background-position : top right;
}
#wrapper a.callout-devtoolkit {
background-image : url('../img/callout-devtoolkit.gif');
padding-top : 45px;
}
#wrapper .callouts li {
padding-bottom : 9px;
margin-bottom : 10px;
border-bottom : 1px solid #ccc;
margin-left : 22px;
}
#wrapper .callouts a {
display : block;
height : 0;
overflow : hidden;
width : 158px;
background-position : top left;
background-repeat : no-repeat;
}
#wrapper .callouts a:hover {
background-position : top right;
}
#wrapper a.callout-tellus {
background-image : url('../img/callout-tellus.gif');
padding-top : 45px;
}



#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
	height:118px;
	
}

#header-content h1 {	
	position: absolute;
	background: transparent url(logo.gif) no-repeat 0 0;
	margin: 0; padding: 0;	
	height:80px; width: 431px; 
	top:20px;
}
/* header links */
#header-content ul#header-links {	
	list-style: none;	
	font-size: .88em;
	position: absolute;
	/*background:url(../images/top_links.gif) no-repeat right top;*/
	padding: 5px 0px 8px 5px;
	font-weight: normal;
	top: 0px; right: 0px;
}
#header-content ul#header-links li {
	float: left;
	padding: 0 0px 0 5px;
	
}
#header-content ul#header-links li a {	
	color: #A8A6A6;
	text-decoration: none;		
	display: block;
	padding: 0px 15px;		
}

#header-content ul#header-links li a:hover  {
	color: #0080ca;
}
#header-content a.overview:hover, #header-content li.current .overview {color: #0080ca;}

#header-content .ico {color: #A8A6A6; background:url(../images/home_ico.gif) no-repeat left top;}
#header-content .sitemap {color: #A8A6A6; background:url(../images/sitemap.gif) no-repeat left top;}
#header-content .contact {color: #A8A6A6; background:url(../images/contact_ico.gif) no-repeat left top;}


/* --------------all pages ---------------*/

div.layout-homepage div.col-a {
width : 315px;
padding : 0;
float : left;
}
div.layout-homepage div.col-b {
width : 315px;
padding : 0;
float : left;
}
div.layout-homepage div.col-c {
width : 312px;
padding : 0;
float : left;
}
div.layout-abtpage div.abt-sub {
width : 180px;
padding : 0;
float : right;
}
div.layout-abtpage div.leftcol {
width : 942px;
float : left;
padding : 0;
margin : 0;
}

/*-----Contact Details page-----*/

#contact_ustxt{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:normal; color:#7c7b7b;}
.content { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:normal; color:#7c7b7b;}

.content_form{
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:normal;
color:#7c7b7b;
font-size : 11px;
padding:3px;
}

/*-----Apply Online page-----*/
div.row {clear:both; padding-top:5px; margin-top:5px;}
div.row label{float:left; width:135px;text-align:right;padding-right:5px; margin:0px; line-height:18px;}
div.row1 {clear:both; padding-top:5px; margin-top:5px;}
div.row1 label{float:left; width:150px;text-align:right;padding-right:10px; margin:0px; line-height:18px;}
.font11{font-size:11px;}

.pdT3{padding-top:3px;}

.rowlb, .rowlb1{clear:both; margin-top:15px;}
.rowlb label, .rowlb1 label, .rowlb .lCol, .rowlb1 .lCol{width:85px; float:left; text-align:left; margin-right:5px; font-size:13px;}
.rowlb p, .rowlb1 p{width:180px; padding-top:12px; line-height:20px;}

.rowlb1 label, .rowlb1 .lCol{width:125px; text-align:right;}
.rowlb1 p{width:270px;}
.rowlb1 p label{float:none; width:auto; margin:0; padding:0; text-align:left;}



.list {
font-family:Arial, Helvetica, sans-serif;
color:#0080ca;
font-size:12px;
padding:6px;

}
.list a {
color:#0080ca;
background:url(../images/nletter.png) no-repeat left ;
padding:0px 10px 0 15px;
text-decoration:none;
}

.list a:hover {
color:#000000;
}

/*-----About Us page-----*/


.title2{
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:normal;
color:#0080ca;
font-size :18px;
padding:8px 0 0 0;
}

.right_column{ float:left; width:230px; margin:0px}
/**html .right_column{ float:left; width:225px; height:1%; margin:0px}*/
.box {width:250px; height:auto; background:url(../images/box_main_bg.gif) repeat-y;}
.box_top{width:225px; height:30px; background:url(../images/box_top.gif) no-repeat center top; padding:5px 10px 5px 10px; font-size:14.5pt; color:white;}
.box_top h4{font-size:18px; color:white; padding:0px;}

.box_main {width:250px; height:auto; background:url(../images/box_bottom.gif) left bottom no-repeat; }
.box_main ul{width:230px; margin:0 0 0 5px; height:auto;}
.box_main ul li{width:235px; height:37px; border-bottom: #999999 1px dashed}
.box_main ul li p{padding:10px 0 0 0; font-size:13PX;}
.box_main ul li a{width:235px; height:37px; display:block; color:#3e3e3e; text-decoration:none; text-indent:25px;}
.box_main ul li  a:hover{width:235px; height:37px; background:#d6d6d6; display:block; color:#ffffff; text-decoration:none; }
.box_main ul li a.active{
	color:#ffffff;
	width:235px;
	height:37px;
	display:block;
	text-decoration:none;
	text-indent:25px;
	font-style: normal;
	font-weight:bold;
	background-color:#EEEEEE;
	background:url(../images/hover.gif) left top repeat-x;
}

.box_main ul li a:hover p {color:#000000;}

.box_main ul li a.active p {color:#000000;}



/*-----Products page-----*/

span.jbutton
    {
    text-decoration: none;
    color: #ffffff;
    font: bold 11px Tahoma;
    background: #FF6600;
    padding: 1px 4px 1px 4px;
    border: 1px solid #FF6600;
    float : left;
}
span.jbutton:HOVER
{
    text-decoration: none;
    color: #000000;
    font: bold 11px Tahoma;
    background: #0080ca;
    padding: 1px 4px 1px 4px;
    border: 1px solid #0080ca;
    cursor : pointer;
  }
span.lstr
{
    background: url(/images/lstr.gif) no-repeat 0 0;
    padding : 3px 5px 2px 5px;
    cursor : pointer;
}
span.rstr
{
    background: url(/images/rstr.gif) no-repeat 0 0;
    padding : 3px 5px 2px 5px;
    cursor : pointer;
}
span.lstr:hover
{
    background: url(/images/lstrh.gif) no-repeat 0 0;
    padding : 3px 5px 2px 5px;
    cursor : pointer;
}
span.rstr:hover
{
    background: url(/images/rstrh.gif) no-repeat 0 0;
    padding : 3px 5px 2px 5px;
    cursor : pointer;
}

#maincol{
    float: left;
    width:942px;
    padding:0px;
	margin:0px;
	border:solid 1px #CCCCCC;
}
#maincol div.slideshow{
    width:942px;
    overflow: hidden;
    margin:0px;
}

/*-----Board Of Director page-----*/
 
#sh_Content {line-height:18px; color:#818283;}
.sh_color {color:#0080ca;}
.post {font-weight : normal;
margin-bottom : 5px;
font-size : 11px;
color : #0099cc;}
#sh_Content .strong {color:#990000;}
#sh_Content dl { margin: 0px; border-top: 1px solid #ccc; }
#sh_Content dt { padding: 3px; background-color: #FFFFFF; background:url(../images/board_bg.jpg) repeat-x left top; border-collapse: collapse; border-bottom: 1px solid #ccc; cursor: pointer; }
#sh_Content dt a { text-decoration:none; }
#sh_Content dd { margin: 0px; padding:5px; border-bottom: 1px solid #ccc; }




/*-----2nd Level Navigation-----*/
#pageHead .subnav dd { display: none; }
#pageHead .subnav a { display: block; overflow: hidden; height: 0; padding-top: 25px; }
#pageHead .subnav li { float: left; position: relative; z-index:10;}
#pageHead .subnav li dd { position: absolute; bottom: 25px; left: 0; }
#pageHead .subnav li.on dd { display: block; }
#pageHead .subnav li li { float: none; margin: 0; border-bottom: 1px solid #fff; }


/* Technology Nav */
#technologyNav a { background: url('../img/nav/subnav-technology.gif') no-repeat 0 0; }
#technologyNav a.overview {width:313px; background-position:0 0;}
#technologyNav a.overview:hover, #technologyNav li.current .overview {background-position:0 -26px;}
#technologyNav a.power {width:313px; background-position:-313px 0;}
#technologyNav a.power:hover,  #technologyNav li.current .power {background-position:-313px -26px;}
#technologyNav a.safety {width:313px; background-position:-626px 0;}
#technologyNav a.safety:hover,  #technologyNav li.current .safety {background-position:-626px -26px;}


/* Company Nav */
#companyNav a { background: url('../img/nav/subnav-company.gif') no-repeat 0 0; }
#companyNav a.overview {width:187px; background-position:0 0;}
#companyNav a.overview:hover, #companyNav li.current .overview {background-position:0 -26px;}
#companyNav a.mission {width:187px; background-position:-187px 0;}
#companyNav a.mission:hover, #companyNav li.current .mission {background-position:-187px -26px;}
#companyNav a.directors {width:187px; background-position:-374px 0;}
#companyNav a.directors:hover, #companyNav li.current .directors {background-position:-374px -26px;}
#companyNav a.facilities {width:187px; background-position:-561px 0;}
#companyNav a.facilities:hover, #companyNav li.current .facilities {background-position:-561px -26px;}
#companyNav a.commitment {width:187px; background-position:-748px 0;}
#companyNav a.commitment:hover, #companyNav li.current .commitment {background-position:-748px -26px;}
/*-----end 2nd level nav-----*/


/* careers */
#careersNav { background: url('../img/nav/subnav-careers.gif') no-repeat 0 0; width:945px; }
#careersNav a { background: url('../img/nav/subnav-careers.gif') no-repeat 0 0; }
#careersNav a.culture {width:216px; background-position:0 0;}
#careersNav a.culture:hover, #careersNav li.current .culture {background-position:0 -26px;}
#careersNav a.online {width:216px; background-position:-216px 0;}
#careersNav a.online:hover, #careersNav li.current .online {background-position:-216px -26px;}

/*-----end 2nd level nav-----*/

/* site map */
.siteMap {
	font-size:13px;
	text-transform:uppercase;
	line-height:1em;
	margin-right:20px;
}
.siteMapCol {
	float:left;
	width:240px;
}
.siteMap ul{
	list-style:none;
}
.siteMap li {
	list-style:none;
	line-height:1.5em;
	list-style-type:none;	
	font-weight:bold;	
}
.siteMap ul.secondLevel {
	margin-bottom:20px;
}
.siteMap ul.thirdLevel {
	margin-bottom:5px;
	font-weight:normal;
}
.siteMap ul.secondLevel li {
	font-weight:bold;
	font-size:13px;	
	text-transform:none;
}
.siteMap ul.thirdLevel li {
	font-weight:normal;
	font-size:13px;
	text-transform:none;
}



.devider { background : url(../images/gray_line.gif) repeat-x left  ;}
.deviderVerti { background : url(../images/devi_vert.gif) repeat-y left top;}
.dotdot {background : url(../images/dotted-lines.gif) repeat-x left bottom;}

#right {
width : 225px;
float : right;
background : url(../images/devider.gif) repeat-y left top;
}
.sidemenu ul {
text-align : left;
margin : 0px 8px 8px 8px;
padding : 0;
border-top : 1px solid #ebebeb;
}
.sidemenu ul li {
list-style : none;
background : url(../images/dotted-lines.gif) repeat-x left bottom;
padding : 7px 5px;
margin : 0;
}
.sidemenu ul li {
list-style : none;
background : url(../images/dotted-lines.gif) repeat-x left bottom;
padding : 7px 5px;
margin : 0;
}
* html body .sidemenu ul li {
height : 1%;
}
.sidemenu ul li a, .sidemenu ul li a:visited {
color : #0080ca;
padding-left : 0;
font-weight : normal;
}
.sidemenu ul li a span {
color : #9f9f9f;
font-family : Georgia, 'Times New Roman', Times, Serif;
font-style : normal;
font-weight : normal;
font-size : 0.9em;
}
.sidemenu ul li.current a, .sidemenu ul li a:hover {
color : #000;
border : none;
font-weight : bold;
text-decoration : none;
}
.sidemenu ul ul {
margin : 0 0 0 5px;
padding : 0;
}
.sidemenu ul ul li {
background : none;
}
.director-a {
width : 945px;
margin : 0px;
float : left;
}
.gototop {
font-size : 11px;
text-align : right;
font-style : normal;
line-height : 19px;
color : #a0a0a0;
}
.gototop a {
color : #a0a0a0;
font-size : 11px;
text-decoration : none;
}
.gototop a:hover {
color : #000000;
}
.dot {
background : url(../images/dot.jpg) repeat-x left bottom;
width : 935px;
height : 20px;
float : left;
text-align : right;
margin : 0 0 10px 0;
}
#footer {
clear : both;
width : 940px;
padding : 0;
margin : 0 auto;
border-top : 1px solid #ccc;
}
#footer #cp {
font-weight:normal;
font-size : 11px;
color : #aaa;
height : 38px;
line-height : 38px;
text-align : center;
}
#footer a {
color : #aaa;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#sitemap
{
font-size:12px;
width:600px;
float:left;
}

