/* CSS Document */

.aboutus .vertmenu {margin: 21px 0 0 0; position: relative; z-index:3;}
.aboutus .vertmenu ul li a span {width: 150px;}




.aboutus table.overview  {
width: 750px;
float: left;
clear: both;
margin: 30px 0 15px 0;
}

.aboutus table.overview  td, .aboutus table.overview  th {
padding: 2px 10px 10px 30px;
width: 160px;
vertical-align: top;
border-top: 1px solid #ccc;
line-height: 100%;
color: #666;
}
.aboutus table.overview tr.tablehead th {border-top: none; padding: 8px 0 15px 30px;}
.aboutus table.overview tr.tablehead th.gray {padding-left: 10px; width: 195px}
.aboutus table.overview tr.tablehead th.cross {padding-left: 0px;}

.aboutus table.overview  th {
width: 150px;
padding: 10px 10px 10px 0px;
font-weight: normal;
color: #999;
}
.aboutus table.overview  th h2 {
padding: 0 5px 0 0;
color: #0099FF;
width: 170px;
font: normal 24px/25px Arial, Helvetica, sans-serif;
}
.aboutus table.overview  th h2 img {
position: absolute;}

.aboutus table.overview  td.gray, .aboutus table.overview  th.gray {
background:#F1F1F1;
padding-left: 10px;
color: #222;
}


.aboutus table.overview  td li  {
padding-left: 8px;
padding-top: 6px;
background:url(../img/global/bullet-5.png) left 9px no-repeat;
width: 160px;
}
.aboutus table.overview  td h5, .aboutus table.overview  td h4, .aboutus table.overview  td p  {
padding-top: 6px;
width: 168px;
}
.aboutus table.overview  td img.map  {
float: left;
clear: both;
position: relative;
margin: -13px -10px 10px 52px;
display: inline;
}
/*contact det*/
.aboutus .internationalcontact {
padding: 0px 0 3px 53px;
position: relative;
width: 340px;
margin-top: -5px;
}
.aboutus .internationalcontact img {
position: absolute;
left: 0;
top: 13px;
}
.aboutus table.overview .internationalcontact h5, .aboutus table.overview  .internationalcontact p {
float: left;
clear: both;
padding: 0;
line-height: 115%;
margin: 0;
width: 340px;
}

/*links*/
.aboutus table.overview  a {text-decoration: none;}
.aboutus table.overview  a:hover {text-decoration: underline;}

/*corners*/
.aboutus tr.last td.gray {background-image: url(../img/aboutus/aboutus-graycol-bottom.png); background-position: right bottom; background-repeat: no-repeat}
.aboutus tr.last td.gray ul {
background-image: url(../img/aboutus/aboutus-graycol-bottom.png); 
background-position: left bottom; 
background-repeat: no-repeat;
padding: 0 0 11px 10px;
margin: 0 0 -11px -10px;
position: relative;
display: inline;
}
.aboutus tr.tablehead th.gray {background-image: url(../img/aboutus/aboutus-graycol-top.png); background-position: right top; background-repeat: no-repeat}
.aboutus table.overview tr.tablehead th.gray h2 {
background-image: url(../img/aboutus/aboutus-graycol-top.png); 
background-position: left top; 
background-repeat: no-repeat;
display: block;
position: absolute;
margin: -8px 0 0 -10px;
}
.aboutus table.overview tr.tablehead th.gray h2 img {
margin: 8px 0 0 10px;
display: inline;
float: left;
position: relative;
}



/*companydetails*/
.aboutus .companydetails {
width: 770px;
margin-top: 20px;
}
.aboutus .companydetails ul {width: 770px;}
.aboutus .companydetails h4 {
font: bold 11px/18px Arial, Helvetica, sans-serif;
padding: 10px 0 1px 0;
color: #0099FF;
}
.aboutus .companydetails li {
widtH: 250px;
float: left;
clear: none;
border-top: 1px solid #aaa;
padding-top: 6px;
line-height: 100%;
}
.aboutus .companydetails li.col1 {widtH: 300px;}
.aboutus .companydetails li.col2 {widtH: 160px;}
.aboutus .companydetails li.col3 {widtH: 290px;}
.aboutus .companydetails li p {width: 100%; float: none; clear: both;}



/*contact us --------------------------------*/
.aboutus .contacus {width: 750px;}
.aboutus .contacus .col1 {
width: 500px;
clear: none;
margin-top: 20px;
}


/*col1*/
.aboutus .contacus .col1 .part {
width: 500px;
clear: both;
padding: 30px 0 40px 0;
line-height: 110%;
}
.aboutus .contacus .col1 .part h2 {
padding: 0 0 2px 0;
}
.aboutus .contacus .col1 .part p.info {
color: #777;
margin: -2px;
width: 500px;
padding: 8px 0 15px 0;
}

.aboutus .contacus .col1 .part h2 {
font: normal 25px/27px Arial, Helvetica, sans-serif;
position: relative;
margin-bottom: -4px;
}

/*part1*/
.aboutus .contacus .person  {
width: 500px;
}
.aboutus .contacus .person .face {
width: 90px;
padding: 0 0 0 50px;
position: relative;
clear: none;
margin: 0 10px 0 0;
}
.aboutus .contacus .person .face img {
position: absolute;
left: 0;
top: 0;
}
.aboutus .contacus .person .details {
clear: none;
}
/*part2*/
.aboutus .contacus .part h5 {
padding: 10px 0 0 0;
}

.aboutus .contacus .part p {white-space: nowrap}
.aboutus .contacus .gmap {
background: #eee;
widtH: 30em;
margin-top: 10px;
margin-bottom: -30px;
position: relative;
}
.aboutus .contacus .gmap div, .aboutus .contacus .gmap img {
float: left;
clear: none;
}
.aboutus .contacus .gmap div{
padding: 5px 3px 0 10px;
}
.aboutus .contacus .gmap img {
border-right: 1px solid #fff;
}
	/*gmapzoom*/
	#gmapzoom {
	widtH: 680px;
	background: #fff;
	border: 1px solid #222;
	position: absolute;
	lefT: 70px;
	top: 270px;
	z-index:1000;
	}
	#gmapzoom .head {
	float: left; 
	clear: both;
	width: 660px;
	margin: 7px 0 0 10px;
	display: inline;
	}
	#gmapzoom .head p  {
	float: left; 
	clear: both;
	}
	#gmapzoom .head a{
	float: right; 
	clear: both;
	position: relative;
	margin: 0 0 -1.2em 0;
	}
	#gmapzoom .map {
	float: left;
	clear: both;
	width: 660px;
	position: relative;
	height: 420px;
	margin: 5px 0 10px 10px;
	background: #eee;
	display: inline;
	}

/*inquirybox*/
.aboutus  .inquirybox {
width: 215px;
clear: none;
float: right;
background: url(../img/aboutus/inqurybox-bg.png) left bottom no-repeat #EFEFEE;
margin: 48px 0 0 0;
}
.aboutus .inquirybox h3 {
font: normal 16px/18px Arial, Helvetica, sans-serif;
background: url(../img/aboutus/inqurybox-bg.png) left top no-repeat;
width: 205px;
padding: 8px 0 0 10px
}
.aboutus .inquirybox p.info {
color: #666;
padding: 3px 10px 36px 10px;
line-height: 100%;
width: 190px;
}
.aboutus .inquirybox ul li {
padding: 2px 10px 0 9px;
margin: 0 0 0 10px;
display: inline;
background:url(../img/global/bullet3-gr.png) left 5px no-repeat;
color: #333;
width: 178px;

}
.aboutus .inquirybox a.button {
float: left;
clear:both;
margin: 12px 0 13px 8px;
white-space: nowrap;
}



/*distibutors*/
table.distibutors {
float: left;
clear: none;
width: 510px;
margin: 47px 0 0 0;
border-top: 1px solid #aaa;
}
table.distibutors th {
padding: 6px 0 7px 9px;
color: #000;
border-right: 1px solid #ddd;
}
table.distibutors th.email {border-right: none}
table.distibutors td{
vertical-align: top;
line-height: 100%;
border-right: 1px solid #ccc;
}
table.distibutors td.country{width: 140px;}
table.distibutors td.adress{width: 130px;}
table.distibutors td.tel{width: 124px;}
table.distibutors td.email{width: 36px; border: none;}

table.distibutors td.country h3, table.distibutors td p, table.distibutors td div {
padding: 8px 5px 5px 9px;
float: none;
margin-bottom: 2px;
position: relative;
}
table.distibutors td p{
color: #333;
width: 130px;
}
table.distibutors td.country h4 {
font-weight: normal;
padding: 0 5px 9px 9px;
line-height:100%;
color: #888;
position: relative;
margin-top: -6px;
}
table.distibutors td div {
float: left;
clear: both;
width: 35px;
margin: 0 -2px 0 9px;
display: inline;
position: relative;
}

table.distibutors tr.row-a td {background:#E8E8FF;}