/*set all default value to 0*/
* {
margin: 0px;
padding: 0px;
}

html {
background: #0fa5df;
}

body {
font-family: Arial, Century Gothic, Helvetica;
line-height: 1.2em;
font-size: 10pt;
height: 100%;
color: #000;
}

img {
border: 0px;
}

/*default paragraph margin*/
p {
margin: 0.8em 0;
z-index: 0;
}

h1 {
font-size: 18pt;
color: #3a3b92;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
padding-bottom: 22px;
}

h2 {
font-size: 13pt;
color: #666;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

h2 span {
font-size: 13pt;
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
background: #0f5eac;
padding: 4px 10px;
}

h3 {
font-size: 10pt;
color: #666;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

/*to clear float drop*/
div.cleaner {
clear: both;
width: 100%;
height: 0px;
font-size: 0px;
}

/*mimic horizontal rule*/
div.divpro {
background: #e0e0e0;
color: #dcdcdc;
height: 1px;
margin: 15px 0px 25px 0px;
border-bottom: solid 1px #fff;
}

div.divpro3 {
background: #FFF url(../image/imgdivpro3.jpg) repeat-x;
height: 3px;
}

/*-----------------header-----------------*/
div#headerwrapper {
width: 100%;
margin: 0 auto;
padding: 0;
background: #FFF url(../image/imgnavibkg.jpg) repeat-x;
background-position: 0 184px;
}

div#header {
width: 950px;
padding: 20px 25px 2px 25px;
margin: 0 auto;
}

div.cologo {
display: inline;
float: left;
background: url(../image/imgcologo.jpg) no-repeat;
width: 537px;
height: 156px;
}

div.accreditation {
width: 400px;
display: inline;
float: right;
height: 168px;
padding: 0px 0 0 0;
}

div#flashad {
width: 950px;
margin: 0 auto 0 auto;
}

/*------------------content------------------*/
div#contentwrapper {
width: 100%;
margin: 0 auto;
padding: 0 0 2px 0;
background: #fff url(../image/imgftrbkg.jpg) repeat-x bottom left;
}

div#content {
width: 908px;
padding: 0;
margin: 0 auto;
border: 1px #d6d5d5 solid;
padding: 20px;
background: #f5f5f5 url(../image/imgbkgcapbkg.gif) repeat-x top;
position: relative;
}

div.cointro {
display: block;
width: 560px;
height: 124px;
}

div.cointro p {
line-height: 1.4em;
}

div.decoimg {
position: absolute;
display: block;
width: 351px;
height: 201px;
right: 0;
top: 0;
}

div#scrollerwrapper {
width: 100%;
padding: 0 0 2px 0;
margin: 0 auto;
background: #0fa5df url(../image/imgftrbkg.jpg) repeat-x;
}

div#scrolleritm {
width: 950px;
padding: 0;
margin: 0 auto;
background: #fff;
}

/*--------------footer--------------*/
div#footer {
width: 950px;
padding: 10px 25px 40px 25px;
margin: 0 auto;
text-align: center;
font-size: 8pt;
color: #FFF;
}

div#footer span {
color: #39a0cc;
}

/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration: none;
color: #39a0cc;
}

a.span_link:hover {
text-decoration: underline;
color: #fff;
}

div.gotop {
width: 100%;
clear: both;
height: 35px;
text-align: right;
display: block;
}

div.gotop a {
display: block;
height: 35px;
width: 33px;
float: right;
background: url(../image/imggotop.png) no-repeat top left;
}

div.gotop a:hover {
background: url(../image/imggotop.png) no-repeat left -37px;
}

/*======================= PRODUCT =====================*/
div#prodnavi {
width: 944px;
padding: 2px;
margin: 0 auto 2px auto;
border: 1px #d6d5d5 solid;
overflow: hidden;
background: #f5f5f5;
}

div#prodnavi ul.subnavi {
list-style: none;
width: 950px;
margin: 0;
padding: 0;
}

div#prodnavi ul.subnavi li {
float: left;
display: inline;
border: 1px #d0d0d0 solid;
margin: 0 6px 0 0;
}

div#prodnavi ul.subnavi li a {
width: 182px;
height: 101px;
cursor: pointer;
}

div#prodnavi ul.subnavi li a:hover {
background: #333;
}

div#prodnavi ul.subnavi li span {
width: 182px;
overflow: hidden;
height: 101px;
display: block;
}

div#prodnavi ul.subnavi li a {
display: block;
}

div.prod_entry {
width: 908px;
overflow: hidden;
margin: 20px auto 0 auto;
}

div.prod_entry ul li {
margin: 0 0 4px 0;
}

ul.qclist {
width: 908px;
overflow: hidden;
list-style: none;
margin: 6px 0;
float: left;
display: inline;
}

ul.qclist li {
float: left;
display: inline;
margin: 0 6px 20px 0;
}

ul.qclist li img {
width: 204px;
}

div.qc_img {
float: right;
display: inline;
width: 219px;
margin: 20px 0 0 20px;
}

div.pipes_left {
float: left;
display: inline;
width: 444px;
height: 220px;
margin: 0 0 20px 0;
}

div.pipes_right {
float: right;
display: inline;
width: 444px;
height: 220px;
margin: 0 0 20px 0;
}

div.fittings_left {
float: left;
display: inline;
width: 218px;
}

div.fittings_right {
float: right;
display: inline;
margin: 0 0 0 20px;
width: 670px;
}

div.fittings_right ul {
list-style: none;
overflow: hidden;
width: 690px;
}

div.fittings_right ul li {
float: left;
display: inline;
margin: 0 20px 20px 0;
background: #f2f2f2;
border: solid 1px #eaeaea;
padding: 5px;
}

div.fittings_right ul li img {
border: solid 1px #fff;
padding: 1px;
background: #eaeaea;
margin: 0 auto;
width: 100px;
}

div.fittings_right ul li h2 {
font-size: 7pt;
width: 104px;
text-align: center;
padding: 5px 0;
border-bottom: solid 1px #fff;
background: #f3f4f4;
}

div.prod_divider {
clear: both;
width: 100%;
height: 1px;
background: #fff;
margin: 20px 0;
border-top: solid 1px #eaeaea;
}

/*================================Project References=============================*/
div.project {
float: left;
display: inline;
width: 670px;
margin: 20px 30px 20px 0;
}

div.project_list, div.project_gallery {
margin: 20px 0;
}

div.project_list ul, div.project_gallery ul.gallery {
list-style: none;
margin: 0.8em 0;
}

div.project_list ul li {
background: url(../image/imgbullet01.png) no-repeat left 4px;
padding: 0 0 4px 10px;
font-size: 9pt;
color: #888;
}

div.project_gallery ul.gallery {
width: 676px;
}

div.project_gallery ul.gallery li {
background: none;
padding: 0;
margin: 0 6px 6px 0;
float: left;
display: inline;
}

div.project_gallery ul.gallery li a {
background: #fff none;
padding: 1px;
border: solid 1px #d0d0d0;
display: block;
}

div.project_gallery span {
font-weight: bold;
margin: 0 0 20px 0;
}

div.certificates {
float: right;
display: inline;
width: 200px;
margin: 20px 0;
}

div.certificates ul {
list-style: none;
margin: 20px 0;
}

div.certificates ul li {
margin: 0 0 20px 0;
display: block;
overflow: hidden;
background: #f2f2f2;
border: solid 1px #eaeaea;
padding: 5px;
}

div.certificates ul li img {
border: solid 1px #fff;
padding: 1px;
background: #eaeaea;
margin: 0 auto;
width: 180px;
}

div.certificates ul li h2 {
font-size: 8pt;
width: 180px;
text-align: center;
padding: 5px 0;
border-bottom: solid 1px #fff;
background: #f3f4f4;
}

/*===================about====================*/
div.vision {
width: 430px;
float: left;
display: inline;
}

div.mission {
width: 430px;
float: right;
display: inline;
}

div.vision_img, div.mission_img {
border: solid 1px #d0d0d0;
background: #f2f2f2;
padding: 4px;
display: inline;
float: left;
text-align: center;
margin: 0 20px 0 0;
}

div.vision h3, div.mission h3 {
font-size: 9pt;
width: 137px;
padding: 4px 0 0 0;
}

div.about_gallery h3 {
font-size:11pt;}

div.about_gallery {
overflow: hidden;
}

div.about_gallery ul {
list-style: none;
}

div.about_gallery ul li {
float: left;
display: inline;
margin: 0 10px 0 0;
}

/*===================our network================*/
div.map_img {
margin: 20px 0;
}

ul.africa, ul.asia, ul.europe, ul.middle_east, ul.oceania, ul.north_america, ul.south_america {
list-style:none;  margin:10px 0 40px 0px;
}

ul.africa li, ul.asia li, ul.europe li, ul.middle_east li, ul.oceania li, ul.north_america li, ul.south_america li {
padding:0 0 4px 15px;
}
h2{ 
font-weight:bold; color:#888; font-size:12pt; background:none;
}

ul.africa li {
background:url(../image/imgafrica.jpg) no-repeat left 6px;
}

ul.asia li {
background:url(../image/imgasia.jpg) no-repeat left 6px;
}

ul.middle_east li {
background:url(../image/imgmiddle.jpg) no-repeat left 6px;
}

ul.europe li {
background:url(../image/imgeurope.jpg) no-repeat left 6px;
}

ul.oceania li {
background:url(../image/imgoceania.jpg) no-repeat left 6px;
}
ul.north_america li {
background:url(../image/imgnorth.jpg) no-repeat left 6px;
}

ul.south_america li {
background:url(../image/imgsouth.jpg) no-repeat left 6px;
}

div.map_col01 {
float:left;  display:inline; width:227px; margin:10px 0 0 0;
}

div.contactleft {
float: left;
display: inline;
border-right: solid 1px #d0d0d0;
width: 376px;
overflow: hidden;
margin: 20px 0;
min-height: 339px;
}

div.contactright {
float: right;
display: inline;
width: 510px;
padding: 0;
margin: 20px 0 20px 20px;
border-left: solid 1px #fff;
}

table.tbadd {
border-collapse: collapse;
margin: 0px;
}

table.tbadd th span {
color: #3a3b92;
font-weight: bold;
text-align: left;
font-size: 12pt;
}

table.tbadd th, table.tbadd td span {
color: #333;
font-weight: bold;
text-align: left;
font-size: 9pt;
padding: 0px 28px 4px 0px;
vertical-align: top;
}

table.tbadd td {
color: #333;
font-weight: normal;
text-align: left;
font-size: 9pt;
padding: 0px 0px 4px 0px;
vertical-align: top;
}

table.tbadd td a {
color: #333;
font-weight: normal;
text-align: left;
font-size: 9pt;
text-decoration: underline;
}

table.tbadd td a:hover {
color: #898989;
font-weight: normal;
text-align: left;
font-size: 9pt;
text-decoration: none;
}

div.feed {
width: 710px;
border: 1px #d0d0d0 solid;
padding: 20px 40px 10px 40px;
font-size: 9pt;
margin: 30px auto;
background: #f2f2f2 url(../Image/imginfopanelbkg.png) repeat-x bottom;
}

table.tbenquiry th {
text-align: left;
font-weight: bold;
padding: 0px 40px 4px 0px;
vertical-align: top;
}

table.tbenquiry td {
text-align: left;
font-weight: normal;
padding: 0px 0px 4px 0px;
}

table.tbenquiry textarea,
table.tbenquiry .textinput {
width: 520px;
font-family: Arial;
border: solid 1px #fff;
}

table.tbenquiry .button {
width: 80px;
cursor: pointer;
}

/***********aboutul************/
div.aboutul ul {
list-style: none;
}

div.aboutul ul li {
float: left;
display: inline;
margin-right: 12px;
}

div.cointro {
display: block;
width: 560px;
height: 124px;
}

div.cointro2 {
float: right;
width: 580px;
margin: 5px 0;
}

div.aboutinfo1 {
width: 300px;
float: left;
display: inline;
margin: 20px 0;
}

div.cointro p {
line-height: 1.4em;
}

div.decoimg {
position: absolute;
display: block;
width: 351px;
height: 201px;
right: 0;
top: 0;
}

div.decoimg02 {
position: absolute;
display: block;
width: 351px;
height: 201px;
right: 1px;
top: 35px;
}

/*************************network********************************/
div.mapinfoleft {
float: left;
display: inline;
width: 430px;
}

div.mapinforight {
float: right;
width: 430px;
}

table.tbmap {
border-collapse: collapse;
margin: 10px 0;
width: 100%;
}

table.tbmap thead tr th {
background: #888;
vertical-align: middle;
text-align: center;
border-bottom: solid 1px #fff;
padding: 4px 4px;
font-size: 9pt;
color: #fff;
}

table.tbmap thead tr th.no {
width: 20px;
}

table.tbmap thead tr th.name {
width: 226px;
}

table.tbmap thead tr th.tel {
width: 80px;
}

table.tbmap thead tr th.fax {
width: 80px;
}

table.tbmap td span {
font-weight: bold;
color: #888;
}

table.tbmap td {
color: #333;
font-weight: normal;
text-align: left;
font-size: 8pt;
padding: 4px 5px;
vertical-align: top;
border-top: solid 1px #e0e0e0;
}

/******************installation*********************/
div.installation_entry {
width: 100%;
overflow: hidden;
margin: 20px 0;
}

div.install_left {
float: left;
display: inline;
width: 444px;
margin: 0 10px 0 0;
}

div.install_right {
float: right;
display: inline;
width: 444px;
margin: 0 0 0 10px;
}

ul.quick {
list-style: none;
margin: 0.8em 0;
z-index: 0;
}

ul.quick li {
background: url(../image/imgbullet01.png) no-repeat left 4px;
padding: 0 0 0 10px;
font-size: 9pt;
color: #666;
}

ul.quick02 {
list-style: none;
margin: 0.8em 0;
z-index: 0;
}

ul.quick02 li {
background: url(../image/imgbullet02.gif) no-repeat left 4px;
padding: 0 0 0 16px;
font-size: 10pt;
color: #666;
margin-bottom: 2px;
}

table.tbinstall {
border-collapse: collapse;
margin-top: 10px;
border: solid 1px #CCC;
width: 100%;
}

table.tbinstall thead tr th {
background: #888;
vertical-align: middle;
text-align: center;
padding: 5px;
font-size: 9pt;
color: #fff;
}

table.tbinstall th {
background: #fff;
border-bottom: solid 1px #fff;
width: 300px;
}

table.tbinstall td {
background: #fff;
color: #333;
font-weight: bold;
text-align: center;
font-size: 9pt;
padding: 5px 3px 4px 3px;
vertical-align: top;
border-bottom: solid 1px #CCC;
width: 300px;
}

table.tbinstall td {
color: #333;
font-weight: normal;
text-align: left;
font-size: 9pt;
padding: 6px 9px 6px 9px;
vertical-align: top;
border-bottom: solid 1px #CCC;
}

div.coloinstall {
width: 100%;
margin: 20px 0;
padding: 0;
overflow: hidden;
}

div.coloinstall ul {
list-style: none;
}

div.coloinstall ul li {
float: left;
margin: 0 20px 20px 0;
width: 180px;
border: solid 1px #fff;
background: #f2f2f2;
padding: 10px;
}

div.coloinstall ul li h3 {
font-size: 10pt;
color: #333;
background: #f3f4f4;
border-bottom: solid 1px #fff;
vertical-align: middle;
text-align: center;
}

div.coloinstall ul li img {
border: solid 1px #fff;
padding: 1px;
background: #eaeaea;
margin: 0 auto;
}

div.specialcolo {
width: 886px;
background: #fff;
border: 1px #ccc solid;
padding: 10px; text-align:center;
}

div.specialcolo p {
font-style: italic;
font-size: 11pt;
text-align: center;
color: #888;
font-family: Arial;
}

img.install_img {
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 1px;
background: #f3f4f4;
border: solid 1px #fff;
}

div.download {
text-align:right; width:908px; margin:20px 0;
}

div.download a {
color:#898989; text-decoration:none;
}

div.download a:hover {
color:#333; text-decoration:none;
}