﻿@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */





body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a:link
{
	color: #424242;
	text-decoration: underline; 
}
a:visited
{
	color: #424242;
	text-decoration: underline;
} 
a:active 
{
	color: #424242;
	text-decoration: underline;
}
a:hover
{
	color: #424242;
	text-decoration: none;	
}

a {outline:none;}


@font-face {
    font-family: 'Square721BTRoman';
    src: url('fonts/sqr721n-webfont.bin');
    src: url('fonts/sqr721n-webfont-1.bin') format('embedded-opentype'),
         url('fonts/sqr721n-webfont.woff') format('woff'),
         url('fonts/sqr721n-webfont-2.bin') format('truetype'),
         url('fonts/sqr721n-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Square721CnBTRoman';
    src: url('fonts/sqr721c-webfont.bin');
    src: url('fonts/sqr721c-webfont-1.bin') format('embedded-opentype'),
         url('fonts/sqr721c-webfont.woff') format('woff'),
         url('fonts/sqr721c-webfont-2.bin') format('truetype'),
         url('fonts/sqr721c-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	font-family: Arial;
	font-size  : 12px;
	color: #424242;
	margin:0px;
	padding:0px;
	background:#fff url('images/bg-body.gif') repeat-x;
}

table
{
	font-family: Arial;
	letter-spacing: 0.5px;
	font-size  : 14px;
	border-collapse: collapse;
}


/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/
.wrapper-body        {position: relative;width:960px;margin:0px auto;text-align: left;/* background: url('images/bg-body-inside.gif') repeat-y center; */}
.wrapper-body        { width:100%;	 height: auto !important; height: 100%; margin: 0 auto -80px;/* the bottom margin is the negative value of the footer's height */}
.wrapper        {position: relative; width:100%; margin:0px auto; text-align: left;}
.wrapper        {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -20px;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative;width: 100%;margin: 0 auto;background: #ff7800;}
.footer, .push  {height: 20px;clear:both;  /* .push must be the same height as .footer */}
/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/
#content-wrapper { display:none;}



.bg-body-home		{width:100%; background:#fff url('images/bg-body.gif') repeat-x;}

/*---------------Header Styling---------------*/
/*-------------------------------------------*/
#headerpan		{width:100%; }
#header			{width:960px; margin:0px auto; float:none; height:162px;  background: url('images/bg-top.gif') repeat-x;}
#home-header #header			{width:960px; margin:0px auto; float:none; height:155px;  background: url('images/bg-top-home.gif') repeat-x;}
#header .logo	{width:960px; height:97px; margin:0px auto; padding:0px; clear:both;  }
#header .logo .left	{width:282px;  float:left; }
#header .logo .right {width: 240px;float:right;}
#header .nav {width:960px;margin:0px auto;padding:0px;float:none;height:58px;background: #ff7800;}
#header .nav .left	{width: 700px;float:left;margin:0px auto;height:58px;padding:0px;}

#header .nav .right	{width:260px; margin:0px auto;  float:right; text-align:right;  padding-top:12px; }
#header .nav .search {width: 400px;margin:0px auto;height:32px;float:right;padding-top:6px;}
#header .nav .search ul li{display: inline-block;float: left;list-style: none;font-size: 13px;font-weight: 600;color: #fff;margin-left: 10px;}
#header .nav .search ul li i{border: 1px solid;width: 18px;height: 18px;line-height: 18px;padding: 2px;border-radius: 3px;left: 0;top: 0px;text-align: center;}
#header .nav .search img{float: left;padding-right: 6px;padding-top: 4px;}
#header .nav .search p{padding: 8px 0px;font-size: 14px;font-weight: 600;color: #fff;}
#header .nav .search .textbox {border:none; background:transparent; font-size:12px; color:#424242; width:136px; padding:4px 5px 5px 7px; float:left;   outline: none; display:inline;  }
/*---------------Header Styling---------------*/
/*-------------------------------------------*/

/*---------------Visual Styling---------------*/
/*---------------------------------------------------*/
#visual		{width:960px;margin:0px auto;float:none;height:327px;background:#fff;position:relative;z-index:1;top: 10px;}
.shadow{width:960px;margin:0px auto;float:none;position:relative;z-index:9;top: 11px;}

/*---------------Visual Styling---------------*/
/*---------------------------------------------------*/


/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/
#home-containerpan		{width:100%;margin-top: 10px;}
#home-containerpan .left { background:#f6f6f6; float:left; display:block; width:54.9%; padding-top:250px; text-align:left; min-height:530px;  height:100%;}
#home-containerpan .right { background:#eeeeee; float:right; display:block; width:45%; padding-top:250px; text-align:left;  min-height:530px;  height:100%; border-left: 1px solid #cccccc;}

.head-home{border-bottom:1px solid #ff7311; padding-bottom:5px; margin-bottom:15px; }
.head-text{border-bottom:3px solid #000;padding-bottom:4px;font-family: 'Square721BTRoman';font-size:17px;color:#ff720f;font-weight: 600;letter-spacing: 1px;}

.head-impact{padding: 5px;margin-bottom: 15px;background: #00acf0;}
.impact-text{padding: 5px;font-family: 'Square721BTRoman';font-size: 17px;color: #fff;font-weight: 600;letter-spacing: 1px;}

#home-container			{width:960px; margin:0px auto; float:none;  padding-top:20px;}
#home-container .who{width: 293px;margin:0px auto;float:left;padding:0px;line-height:14pt;text-align:left;}
#home-container .manufacturing{width:220px; margin:0px auto; float:left; padding:0px; line-height:14pt; text-align:left;}
#home-container .trade{width: 293px;margin:0px auto;float:left;padding:0px;line-height:14pt;}
#home-container .contact-home{width: 293px;margin: 0px auto;float: right;padding: 0px;line-height: 14pt;border: 1px solid #00acf0;border-radius: 5px;}
#home-container .div{width:26px; margin:0px auto; padding:0px; float:left;}


#home-containerpan .for-event{width:220px; margin:0px auto; float:left; padding:0px;}
#home-containerpan .for-event img{margin-bottom:10px; }
.event{border-bottom:1px solid #ff7311; padding-bottom:5px; margin-bottom:15px; }
.event-text{border-bottom:3px solid #000; padding-bottom:4px; font-family: 'Square721BTRoman'; font-size:25px; color:#ff7416;}
.event-title{padding-bottom:4px; font-size:12px; font-weight:bold; text-align:left;}



ul.home  {padding:0px; margin:0px;}
ul.home li {list-style-image: url('images/bullet.gif');  padding:0px 0px 10px 5px; margin:0px 0px 0px 20px; line-height:14pt;}
ul.home li a{color: #000000;text-decoration:underline;font-size: 14px;}
ul.home li a:hover{color:#ff7800; text-decoration:none}
ul.home p{margin: 0px 0px 0px 24px;padding: 0px 0px 6px 0px;font-size: 14px;color: #000;}

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/




/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; float:left }
#body-container			{width:960px; margin:0px auto; padding:0px; float:none;  margin-top:0px; _min-height:614px; background: url('images/bg-body-inside.gif') repeat-y;}
#body-container .left		{width:721px; margin:0px auto; float:right; margin-top:15px; }
#body-container .right		{width:212px; margin:0px auto; float:left; padding:0px; }



/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/







/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
#footer-containerpan {width:100%;}
#footer-container {width:960px;margin:0px auto;float:none;padding-top: 0px;font-family:Arial;font-size:11px;color: #ffffff;line-height:15pt;}
#footer-container .left {margin:0px auto;text-align: center;}
#footer-container .left a{text-decoration:none;}
#footer-container .left a:hover{text-decoration:underline;}

#footer-container .right {width:330px;margin:0px auto;float:right;text-align:right;font-family:Arial;font-size:11px;color: #ffffff;line-height:16pt;}
#footer-container .right img{padding-top:5px;}

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/



/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/

#breadcrumb {width:721px; float:none; margin:0px auto; padding:0px; background-image:url(images/bg-breadcrumb.png); background-repeat:no-repeat; background-position:left; height:29px; clear:both; line-height:29px; padding-bottom:20px;}
#breadcrumb > .breadcrumb-shadow {width:721px; float:none; margin:0px auto; padding:0px; background-image:url(images/breadcrumb-shadow.png); background-repeat:no-repeat; background-position:left; height:12px; margin-top:0px; float:left}
#breadcrumb ul		{list-style:none; padding:0px; margin:0px; color:#666666}
#breadcrumb ul li	{list-style:none; padding:0px 0px 0px 21px;  margin:0px; display:inline-block; background-image:url(images/bullet-breadcrumb.gif); background-repeat:no-repeat; background-position:left; float:left;}
#breadcrumb ul li a	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#4a4949}
#breadcrumb ul li a:hover	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#ff7800}

#breadcrumb ul li.caps	{list-style:none; padding:0px 0px 0px 21px; margin:0px; color:#000}
#breadcrumb span a.icon-home  {width:17px; height:15px; text-decoration:none; background:url(images/icon-home.gif); background-repeat:no-repeat; background-position:left; margin-top:2px; display:inline-block; float:left}

#breadcrumb .left ul		{list-style:none; padding:0px; margin:0px;}
#breadcrumb .left ul li	{list-style:none; padding:0px 0px 0px 21px;  margin:0px; display:inline-block; background-image:url(images/bullet-breadcrumb.gif); background-repeat:no-repeat; background-position:left; float:left;}
#breadcrumb .left ul li a	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#4a4949}
#breadcrumb .left ul li a:hover	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#c80000}


/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/

.product-head{font-size: 15px; color: #ff7800; font-weight:bold;}


/*---------------sub-menu Styling---------------*/
/*-------------------------------------------*/
#sub-menu	{width:212px; margin:0px auto; float:left; display:block; padding:0px 0px;}
#sub-menu  li {list-style:none; line-height: 14pt;  width:212px; float:left; margin:0px auto; font-family: 'Square721BTRoman'; font-size:15px; line-height:20px;}
#sub-menu  li a { width:195px; float: left; padding: 7px 5px 7px 10px; text-decoration: none; color: #777777 ; border:1px solid #e7e7e7; border-width: 0px 1px 1px 1px;  -webkit-transition:all 400ms linear; -moz-transition:all 400ms linear; -o-transition:all 400ms linear; -ms-transition:all 400ms linear;}
#sub-menu  li a:hover {width:195px; float: left; background:#fff url(images/bullet-right-mo.gif) no-repeat top left ; padding: 7px 5px 7px 10px; text-decoration: none; color: #ff7800; border-bottom:1px solid #e7e7e7; border-left: 1px solid #ff7800; }
#sub-menu  li a.active {width:195px; float: left; background:#fff url(images/bullet-right-mo.gif) no-repeat top left ; padding: 7px 5px 7px 10px; text-decoration: none; color: #ff7800; border-bottom:1px solid #e7e7e7; border-left: 1px solid #ff7800; }

/*---------------sub-menu Styling---------------*/
/*-------------------------------------------*/


/*---------------Events Page Styling---------------*/
/*-------------------------------------------------*/
.div-events {display:table; width:721px; font-size:13px;  margin: 0px 0px; line-height:14pt; margin-bottom:25px; padding:0px 0px 10px 0px; border-bottom:1px dashed #ccc;}
.div-events-col{width:200px; float:left;  padding: 0px; vertical-align:top;}
.div-events-col1{width:500px; float:right; padding: 0px; vertical-align:top;}

.div-events-details {display:table; width:500px; font-size:13px;  margin: 0px 0px; line-height:14pt; padding-top:10px; text-align:justify; }
.div-events-details-col{width:20px; float:left; padding: 0px; vertical-align:top;}
.div-events-details-col1{width:470px; float:right; padding: 0px; vertical-align:top;}

.eventsheading {font-size:15px; color:#000; padding:0px 0px 5px 0px; margin:0px; font-weight:bold; line-height:14pt;}
.eventsheading a{font-size:15px; color:#000; padding:0px 0px 5px 0px; margin:0px; font-weight:bold; line-height:14pt; text-decoration:none}
.eventsheading a:hover{font-size:15px; color:#000; padding:0px 0px 5px 0px; margin:0px; font-weight:bold; line-height:14pt; text-decoration:underline}

.events{display:inline-block; padding: 0px 0px 0px 26px; height:34px; line-height:34px; font-weight:bold; color:#571b16; text-decoration:none; text-transform:none; margin-bottom:3px; background: #fff url(images/icon-pdf-event.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;
}
.events:hover {color: #327ca3; background: #fff url(images/icon-pdf-event.png) no-repeat; background-position: 0px -34px;}
.events a {line-height:34px; color:#327ca3; text-decoration:none; text-transform:none; margin-bottom:3px; }
.events a:hover {color: #327ca3;  background-position: 0px -34px; text-decoration:underline}


.photo-gallery{display:inline-block; padding: 0px 10px 0px 24px; height:34px; font-weight:bold; font-size:12px; line-height:34px; color:#000; margin-bottom:3px; background: #fff url(images/icon-gallery.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;
}
.photo-gallery:hover {color: #000; background: #fff url(images/icon-gallery.png) no-repeat; background-position: 0px -34px;}
.photo-gallery a {line-height:34px; color:#000; text-decoration:none; text-transform:none; margin-bottom:3px; background-position: 0px -34px; }
.photo-gallery a:hover {color: #000;  background-position: 0px -34px; text-decoration:underline}


.web a {display:inline-block; margin-top:5px; padding: 0px 10px 0px 32px; height:34px; line-height:34px; font-weight:normal; color:#ff7800; font-size:13px; text-decoration:none; text-transform:none; margin-bottom:3px; background: url(images/icon-web.png) no-repeat; background-position: 0px -34px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.web a:hover { color: #53565b; background: url(images/icon-web.png) no-repeat; text-decoration:none; background-position: 0px 0px; }


/*---------------Events Page Styling---------------*/
/*-------------------------------------------------*/


/*---------------Archives Styling---------------*/
/*-------------------------------------------------*/
.archives{width:190px; margin:0px auto; padding:0px; float:none;}
.archives .searchheading { font-size:15px; color:#ff7800; text-decoration:none; font-weight:bold; padding:10px 0px; display:block; }
.archives .tb-select {font-family:Arial; font-size:13px; color:#000; line-height:20px;  padding:2px 3px;  width:180px; background:#fdfdfd; border:1px #d6d6d6 solid; }

/*---------------Archives Styling---------------*/
/*-------------------------------------------------*/


/*---------------Product List Styling---------------*/
/*-------------------------------------------------*/
.prod .details   {width:721px;}
.prod .details li {padding:0px; list-style:none; margin:0px;  }
.prod .details li {width:721px; float:left; padding:0px 0px 0px 0px; height:27px; line-height:27px;}
.prod .details li a {font-size: 14px;font-weight: 600;letter-spacing: 0.5px;text-decoration:none;color: #000000;display:block;padding-left:20px;background:url(images/bullet-prod-mo.gif) no-repeat top left;border-left:0px solid #ff7800;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;} 
.prod .details li a:hover {text-decoration:none; color:#000; background:#ffdec0 url(images/bullet-prod.gif) no-repeat top left ; display:block; border-left:0px solid #27261f;}

/*---------------Product List Styling---------------*/
/*-------------------------------------------------*/


/*---------------Product Details Styling---------------*/
/*-------------------------------------------------*/


/*---------------Product Details Styling---------------*/
/*-------------------------------------------------*/

.product-details {display:table; width:100%; margin: 0px 0px;}
.product-left{width:200px; padding: 0px; float:left; vertical-align:top;}
.product-left .man-head{display:block; font-family: 'Arial'; font-size: 16px; color: #000; margin-bottom:5px;}
.product-right{width:490px; padding: 0px; float:right; vertical-align:top; }
.product-right .text{width:300px; padding: 0px; float:left; vertical-align:top; margin-bottom:0px; }
.product-right .logo{width:190px; padding: 0px; float:right; vertical-align:top; margin-bottom:0px; }

.product-right .head{display:block; font-family: 'Arial'; font-size: 20px; color: #000; margin-bottom:2px;}
.product-right .generic-name{display:block; font-family: 'Arial'; font-size: 15px; font-style:italic; color: #ff7411; margin-bottom:5px; text-align:left;}

.product-right-fullwidth{width:700px; padding: 0px; float:right; vertical-align:top; }
.product-right-fullwidth .head{display:block; font-family: 'Arial'; font-size: 16px; color: #000;}
.product-right-fullwidth .generic-name{display:block; font-family: 'Arial'; font-size: 14px; color: #424242;}


.back   { float:right; margin-top:10px;}
.back span   {cursor:pointer; display:inline-block; padding: 0px 10px 0px 25px; height:20px; line-height:20px; color:#fff; text-decoration:none; text-transform:none; margin-bottom:3px; background: #ff7800 url(images/icon-back.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}

.back a:hover {color:#000; background:#ff7800 url(images/icon-back.png) no-repeat; background-position: 0px -20px; padding: 0px 10px 0px 25px;}


.pdf a {display:inline-block; width:160px; padding: 0px 10px 0px 34px; height:34px; line-height:34px; font-size:14px; color:#27261f; text-decoration:none; text-transform:none; margin-bottom:3px; background: url(images/icon-pdf.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;
}
.pdf a:hover { color: #27261f; background:url(images/icon-pdf.png) no-repeat; background-position: 0px -34px;  text-decoration:underline}


/*---------------Product Details Styling---------------*/
/*-------------------------------------------------*/


/*---------------Our Partner Styling---------------*/
/*-------------------------------------------------*/

.div-partner {display:table; width:721px; padding-bottom:15px; }
.div-partner-logo{display:table-cell; width:200px; float:left; vertical-align:top;}
.div-partner-text{display:table-cell; width:505px; float:right; vertical-align:top;}

.tb-dropdown {font-size:12px; color:#000; line-height:20px; padding:3px 3px; width:180px; background:#efefef; border:0px;float:left;}

/*---------------Our Partner Styling---------------*/
/*-------------------------------------------------*/


/*---------------Industries Styling---------------*/
/*-------------------------------------------------*/
.industries {display:table; width:721px; }
.industries-col{display:table-cell; padding: 0px 0px 0px 0px; width:100%; vertical-align:top;}
.industries-col ul{list-style:none; padding:0px; margin:0px; float:left; text-align:left;}
.industries-col li{list-style:none; padding:0px 0px; margin:0px 13px 13px 0px; float:left; width:224px; text-align:center; vertical-align:top; }
.industries-col li a{color:#424242; text-decoration:none; font-size:13px;}
.industries-col li a:hover{color:#ff7800; text-decoration:none}
.industries-col li img{padding:0px 0px; margin:0px 0px 5px 0px; display:inline-block;width: 224px;height: 149px;cursor: zoom-in; }


/*---------------Our Partner Styling---------------*/
/*-------------------------------------------------*/


/*---------------Contact Styling---------------*/
/*-------------------------------------------------*/

.div-contact {display:table; width:100%; }
.div-contact-left{display:table-cell; width:45%; float:left; vertical-align:top; border-right: 1px dashed #ccc;}
.div-contact-right{display:table-cell; width:50%; float:right; vertical-align:top;}
.contact-data{width:100%; padding:5px 0px 0px 0px; line-height:14pt; }

.th-head{background-color:#83a343;  padding:10px 0px 10px 10px; margin:0px auto; color:#e5f5c6; font-weight:normal; font-size:18px; border: 1px solid #fff;}
.th-contact{background-color:#e6eeac;  padding:10px 0px 10px 5px; margin:0px auto; color:#282828; font-weight:normal; font-size:16px; border-left: 1px solid #fff;}
.tch-contact{background-color:#fef9df;  padding:0px 0px 0px 5px; margin:50px; margin:0px auto;}


/*========== Contact Section =======================================*/
.cnt-detail                 {width:90%; margin:0px auto; padding:0px; padding-top:0px;}
.cnt-detail ul.cntlist      {list-style:none; padding:0px 5px; margin:0px; float:none; width:95%}
.cnt-detail ul.cntlist li   {list-style:none; padding:10px 0px 10px 0px; margin:0px; border-bottom:1px solid #e7e7e7; line-height:15pt;}

.cnt-detail ul.cntlist li.icon-tel      {background:url(images/icon-tel.png) no-repeat left; padding-left:30px; display:block;}
.cnt-detail ul.cntlist li.icon-email    {background:url(images/icon-email.png) no-repeat left; padding-left:30px; display:block;}



/*---------------Contact Styling---------------*/
/*-------------------------------------------------*/



.quality {display:table; width:721px; margin-top:5px; }
.quality-left{display:table-cell; width:359px; float:left; vertical-align:top;}
.quality-right{display:table-cell; width:360px; float:right; vertical-align:top;}




/*-----------------------------------------------*/
/*-----------------Pagging Style----------------*/
.paging {width:100% ; margin:0px auto; float:left; background:#fff; margin-bottom:10px; border:0px solid #ccc; text-align:left;}
.paging ul li {display:inline-block; list-style:none; color:#fff; list-style-type:none; list-style-image:none; margin:0px;}

.pgr li a {font-size:14px; font-weight:normal; color:#fff; text-decoration:none; text-align:center; }
.pgr li {overflow: hidden; position: relative; color:#fff;  background:#a7a7a7; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  padding: 4px 6px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pgr li:hover {background: #c80000; color:#fff; padding: 4px 6px;}

.paging .pgr li a:visited {font-weight:normal; color: #fff; text-decoration:none; text-align:center;}
.paging .pgr li a:active {font-weight:normal; color: #fff; text-decoration:none; text-align:center;}
.paging .pgr li a:hover {font-weight:normal; color: #fff; text-decoration:none; text-align:center;}

.pgr li.focus {overflow: hidden; position: relative; background:#c80000; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  padding: 4px 6px;}

/*-----------------Pagging Style----------------*/
/*---------------------------------------------*/





/*---------------common Styling start---------------*/

h1{ width:100%; padding:0px; margin:0px; margin-bottom:35px; font-weight:normal; font-family: 'Square721BTRoman'; font-size: 20px; color: #ff7800; text-transform:uppercase;}
h2{ width:100%; padding:0px; margin:0px; margin-bottom:5px; font-weight:normal; font-family: 'Arial'; font-size: 18px; color: #000; }
h3{ width:100%; padding:0px; margin:0px; margin-bottom:5px; font-weight:normal; font-size: 15px; color: #ff7800; font-weight:bold; }
h4{ width:100%; padding:0px; margin:0px; font-weight:normal; font-family: 'BellGothicStdBold'; font-size: 26px; color: #444;}
h5{ width:100%; padding:0px; margin:0px; font-weight:normal; font-family: 'BellGothicStdBold'; font-size: 26px; color: #555;}

.bold-text{font-family: 'CalibriBold'; }
.about-data{font-size:19px; color:#008e91; font-family: 'CalibriBold';  font-style:italic; }

.tm{font-family: 'CalibriRegular'; font-size:13px; color:#fff;}
.clear { clear:both;}
p { line-height: 14pt; padding:0px 0px 15px 0px;  margin:0px; text-align:justify;}
.hr{border-bottom: 1px dashed #ccc;}

ul  {padding:0px; margin:0px;}
li {list-style-type:disc;  padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; line-height:14pt;}



.list li { list-style-image: url('images/list-bullet.gif'); padding-left: 00px; margin:5px 15px 5px 25px; line-height: 13pt; vertical-align:text-top; }



.img-border{border: 1px solid #ccc; padding:4px; }
.border{border: 1px solid #ccc;}
.border-pic{border: 1px solid #ccc; padding:1px;}
.border-shadow{box-shadow: 2px 2px 6px #ccc}

.vision-head{display:block; font-family: 'Times New Roman'; font-style:normal; text-align:center; font-size: 30px; color: #ff7800; margin-bottom:5px;}
.vision-text{display:block; font-family: 'Arial'; font-size: 21px; color: #424242; font-style:normal; text-align:center; line-height:24pt;}


.dropdown {	border: 1px solid #b5b5b5; float:left; width:200px;  padding:3px 2px 3px 2px;   font-size: 12px; margin: 0px 10px 0px 0px;  }

.textbox {	 background:#fff; border:1px solid #ccc; font-size:12px; color:#333; padding:0px 5px; height:25px; line-height:25px; margin:0px 0px; outline: none; display:inline;  }

.bt-submit { padding:0px 8px;  margin:0px 0px; line-height:25px; background:#456bac; border:1px solid #d8e6fc;font-family: 'BellGothicStdBold'; font-size: 14px;  color:#fff; }

.more{width:100%; padding-top:10px; text-align:right}
a.more { color:#ff7711;  text-decoration: underline; padding-right:10px;}
a.more:hover { color:#ff7711; text-decoration: none; padding-right:10px;}


.div-column {display:table; width:100%; }
.div-column-col{display:table-cell; width:100%; margin:0px; padding:0px; vertical-align:top;}

.th{background-color:#ff7800;  padding:10px 0px 10px 0px; margin:0px auto; color:#000; font-size:16px; border-left: 1px solid #fff;}
.tch{background-color:#f2f2f2;  padding:0px; margin:0px auto;}
.tc{background-color:#fff;  padding:0px; margin:0px auto;}


/*---------------common Styling end---------------*/



/*------------------------------Site map  note-------------------------*/

/* Sitemap Page Styles */

#sitemap { list-style:none}
#sitemap ul {list-style:none; padding:0px; margin:0px;}
ul.sitemap li {
	list-style:none;
	padding-left:21px;
	line-height:22px;
	color: #565656;
	margin:0px;
	background:url(images/single.gif) no-repeat;
	
}
 
.sitemap li.root {
	padding-left:0;
	color: #565656;
	
}
 
ul.sitemap li li {
	background:url(images/root.gif) no-repeat 0px center;
	margin-left:22px;
	padding-left:15px;
	color: #565656;
	
}
 
.sitemap li li.root {
	padding-left:10px;
	background:url(images/dot.gif) repeat-y 17px 0;
	color: #565656;
}
 
.sitemap li li.root.last {
	background:none;
	color: #565656;
}
 
.sitemap li li.last {
	background:url(images/root_last.gif) no-repeat 0px 0;
	color: #565656;
}
 
.expand {
	background:url(images/plus_minus.gif) no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin-top:0px;
	padding:0 5px 0 0;
	line-height:0;
	font-size:0;
	color: #565656;
	
	
}
 
.contract {
	background-position:0 -16px;
	color: #565656;
}
 
.expand:hover {
	cursor:pointer;
	color: #565656;
	
}


.sitemap li a:link, .sitemap li a:visited { text-decoration:none; color:#646464; font-size:12px; }
.sitemap li a:hover { text-decoration:none; color:#ff7800; }

/*------------------------------Site map  note-------------------------*/
/*---------------------------------------------------------------*/




/*---------------------------------------------------------------*/
/*-----------------------------Group Page-------------------------*/

.group-company{ width:100%;}
.group-company-left{ width:200px; float:left; display:block; }
.group-company-right{ width:515px; float:right; text-align:left; display:block; padding: 0px 5px 0px 0px;}
.company-name { color:#666; font-size:18px; padding-bottom:5px; }
.icon-link { background: url('images/link-icon.png') no-repeat left; padding: 0px 0px 5px 28px;}
.hr-groupcompany { width:100%; margin:20px 0px; border-bottom:1px dashed #ccc; padding:0px; clear:both;}

/*-----------------------------Group Page-------------------------*/
/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/*-----------------------------Certification---------------------*/

.certificate { border: 1px solid #ccc; padding:5px; margin:15px 15px 0px 0px;}


.scrollcontent		{width:100%; margin:0px auto; float:left; padding:0px;}

ul.our-partners { width:100%; margin:0px auto; padding:0px;  }
ul.our-partners li { display:inline-block; list-style:none; margin:0px 0px 20px 0px; padding:0px; text-align:center; width:32%; vertical-align:top; line-height:13px; }
ul.our-partners li img { width:100px; height:40px; margin:0px; padding:0px;}

.prod-app { text-align:left;}
/*-----------------------------Certification---------------------*/
/*---------------------------------------------------------------*/

.err               {color:#c80000; font-size:12px; margin-bottom:5px;}

.right a{
  position: relative;
  cursor: pointer;
}

.right a[aria-label]:after{
  opacity:0;
  content: attr(aria-label);
  padding: 4px 8px;
  position: absolute;
  left: 0;
  bottom: 100%;
  white-space: nowrap;
  z-index: 20;
  color: #fff;
  background: #ff7800;
  transition: opacity 0.5s;
  pointer-events:none;
  border-radius:5px;
}

.right a[aria-label]:hover:after{
  opacity:1;
}

.pb-10{padding-bottom: 10px;}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table .thead-dark th {
    color: #fff;
    background-color: #ff7800;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.table-hover tbody tr:hover {
    color: #ffffff;
    background-color: rgb(255, 120, 0)
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.cform input, .cform textarea{
	display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    border: 1px solid #cdcdcd;
    width: 80%;
}

.cform textarea{
	width: 90%;
	height: 90px;
}

.cform input:focus, .cform textarea:focus{
	border: 1px solid #ff7800;
}

.cinput {
	width: 50%;
	float: left;
}

.csubmit input{
	width: 20%;
	cursor: pointer;
}

.corporate-address {
  margin-bottom: 20px;
  width: 50%;
  display: inline-block;
}
.corporate-address li {
  margin-bottom: 10px;
  color: #f5f5f5;
  position: relative;
  padding-left: 45px;
}
.corporate-address li i {
	text-align: center;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
	font-size: 14px;
	border-radius: 2px;
	height: 30px;
	width: 30px;
	background: #ff7800;
	line-height: 30px;
}
.corporate-address li p {
	color: #000000;
	margin-bottom: 5px;
	line-height: 2;
	margin-top: 0;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.corporate-address li:last-child {
  margin-bottom: 0;
}
.map{
	float: right;
    width: 50%;
    margin-bottom: 10px;
}
.width-950{
	width: 950px !important;
	float: left !important;
}
.additive img{
	width: 650px;
}
.about p{
	font-size: 14px;
	color: #000;
	letter-spacing: 0.5px;
}