/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#005a5a /*color:#5F7A77*/;
	font:14px/18px Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/background/main-bg.gif);
	background-repeat:repeat-x;
	background-position: center top;
}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}
ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
.underline {border-bottom:1px solid #C8E8E2;height:2px; margin-bottom:10px; margin-top:-10px}
#other_logo {margin-left:-5px;}
/*----MAIN PANEL-- default 778 + 150--*/
#mainPan{width:928px; position:relative; margin:0 auto;}
/* lang switch */
.lang_switch ul{height:20px; position:relative; margin:0 auto;}
.lang_switch li{float:left; }
.lang_switch ul li a{padding-left:12px;padding-right:10px; color:#2F5958;background:url(../images/background/bullet2-normal.gif) 0 7px no-repeat #fff;text-decoration:none; font-size:13px;}
.lang_switch ul li a:hover{background:url(../images/background/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

/*----TOP PANEL----*/
#topPan{width:928px; height:95px; background:url(/*../images/background/topbg.jpg*/) 0 30px no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#topPan img.logo{position:absolute; top:30px; left:250px;}

#topPan p.caption{width:200px; background:#fff; color:#828282; position:absolute; top:73px; left:235px;}
#topcontactPan{width:181px; height:36px; /*background:url(../images/background/icon1.jpg) 68px 0px no-repeat;*/ position:absolute; top:63px; left:780px; padding:7px 0 0;}
#topcontact_str{text-align:left; padding-left:20px;padding-top:70px;}
#topcontact_str img{padding-top:2px;}

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:/*836*/886px; height:190px; background:url(../images/background/header_left.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:0px 0 0 /*92*/42px;}
#headerPan_left { float:left; width: 154px }
#headerPan_right {float:right; width: 680px;margin-top:0px }


#headerPan ul.leftmenu{width:180px/*154*/;margin-top:0px;}
#headerPan ul.leftmenu li { width:180px; height:20px/*20 for events */;border-bottom:1px dashed #AECCCA; 
							display:block; background:url(../images/background/bullet-normal.gif) 0 7px no-repeat #fff; 
							color:#305E5C; line-height:22px; text-decoration:none; padding: 5px 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url(../images/background/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:2px 0 0 15px;}
#headerPan ul.leftmenu li.Solutions{ width:180px; height:22px/*20 for events */; display:block; 
									 background:url(../images/background/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:2px 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:87px; height:22px/*20 for events */; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(../images/background/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.home a:hover{background:url(../images/background/home-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(../images/background/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.aboutus a:hover{background:url(../images/background/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(../images/background/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.contact a:hover{background:url(../images/background/contact-hover.gif) 0 0 no-repeat;}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:/*836*/886px; background:url(../images/background/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 /*92*/42px;}

/*----Body Left Panel----*/
#leftPan{width:/*154*/205px; float:left;margin-top: 18px}

#leftPan h2{width:/*154*/205px; height:24px; background:#fff; color:#5F7A77; font-size:14px; line-height:14px;}

#leftPan ul{width:/*154*/205px;}
#leftPan ul li{width:/*154*/205px; height:24px;}
#leftPan ul li a{width:/*154*/205pxpx; height:24px; display:block; background:url(../images/background/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(../images/background/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}

#leftPan #other_logo{ margin-left:20px;;padding-top:40px; width:144px;	z-index:10;}


/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{	width:615px; float:left;border-left:1px solid #C8E8E2;margin-top: 12px;margin-right:0;margin-bottom: 0;margin-left: 0;padding-top: 0;padding-right: 0px;/*padding-right: 30px;*/	padding-bottom: 0;	padding-left: 30px;}
#rightPan p{padding:0 0 10px 0;}
#rightPan p.more{width:602px; height:25px; float:left; background:url(../images/background/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(../images/background/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(../images/background/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan li{ line-height: 23px; background-image: url('../images/background/bullet2-hover.gif'); background-position: 0pt 8px; background-repeat: no-repeat; padding-left: 12px; }
#rightPan li ul li{ line-height: 23px; background-image: url('../images/background/bullet2-normal.gif'); background-position: 0pt 8px; background-repeat: no-repeat; padding-left: 12px; }

#rightPan h2#icon_prodcat{width:96px; height:77px; float:left; display:block; background:url(../images/background/icon3.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}
/* services */
#rightPan ul.services{width:187px; height:210px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
#rightPan ul.services li{width:137px; height:20px;}
#rightPan ul.services li a{width:125px; height:20px; display:block; background:url(../images/background/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.services li a:hover{background:url(../images/background/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan ul.servicestwo{width:137px; height:210px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
#rightPan ul.servicestwo li{width:137px; height:20px;}
#rightPan ul.servicestwo li a{width:125px; height:20px; display:block; background:url(../images/background/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.servicestwo li a:hover{background:url(../images/background/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}


/* services */

#rightPan h4#news_icon{width:96px; height:77px; float:left; display:block; background:url(../images/background/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:405px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:405px; height:20px; background:none}
#rightPan ul.events li a{width:393px; height:20px; display:block; background:url(../images/background/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(../images/background/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#lang_chi_t #footermainPan, #lang_chi_s #footermainPan{height:103px; background:url(../images/background/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:21px 0 0;}
#lang_en #footermainPan{height:103px; background:url(../images/background/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:21px 0 10px 0;}

#footerPan{width:928px; position:relative; margin:0 auto;}
#footerPan ul{width:928px; height:20px; position:relative; padding-left:10px;}
#lang_en #footerPan ul{width:880px; height:20px; position:relative;}

#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#cbd2d0; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#lang_chi_t #footerPan p.copyright, #lang_chi_s #footerPan p.copyright{width:480px; margin:25px 0 0 20px;}
#lang_en #footerPan p.copyright{width:480px; margin:25px 0 0 20px;}

/*----/FOOTER PANEL----*/
#messages { padding-left:30px; }


/* ---------------------------------- contact -------------------------------- */
#contact_Content { margin-top: 20px; }
h1#contact_ContactUs { margin: 0pt 0pt 20px; background: transparent url('../images/contact/h1_contact.gif') no-repeat scroll left top; height: 50px; }
#contact_ContactUs span { display: none; }
#TwoColLeft { margin-top: 0px; float: left; text-align: left; }
#TwoColLeft div { padding: 0pt 16px; margin-bottom: 25px; }
#TwoColLeft div p { margin:0px;padding:0px; margin-top: 0pt; font-size: 13px; line-height: 18px; }

#TwoColRight { margin-top: 20px; padding-bottom: 30px; float: left; text-align: left; width: 480px; }
#TwoColRightBody {
	padding-top: 15px;
	padding-right: 24px;
	padding-bottom: 0pt;
	padding-left: 18px;
}

#ContactForm { margin-bottom: 1em; width: 349px; }
#ContactForm th, #ContactForm td { font-weight:normal; padding: 5px 8px; font-size: 12px; line-height: 18px;}
#ContactForm th { text-align: left; white-space: nowrap;}
#ContactForm input.txt { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; width: 200px; }
#ContactForm select { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; }
#ContactForm textarea { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; width: 380px; }
#ContactSent, #ContactError { border-top: 1px solid rgb(51, 153, 0); border-bottom: 1px solid rgb(51, 153, 0); padding: 10px; margin-bottom: 20px; background-color: rgb(237, 255, 237); text-align: center; }
#ContactError { border-top: 1px solid rgb(153, 0, 0); border-bottom: 1px solid rgb(153, 0, 0); background-color: rgb(247, 231, 231); }
#ContactSent p, #ContactError p { margin: 0pt; padding: 0pt; font-size: 12px; color: rgb(51, 153, 0); }
#ContactError p { color: rgb(153, 0, 0); }
#ContactSent strong, #ContactError strong { text-transform: uppercase; }
#TwoColRightBody h1 { margin: 0pt; padding: 0pt; font-family: arial,helvetica,sans-serif; font-size: 18px; font-weight: bold; color: rgb(204, 51, 0); }
#TwoColLeft h5 { border-bottom: 1px solid rgb(222, 222, 222); margin: 0pt 0pt 5px; padding: 0pt 0pt 5px; font-size: 14px; color: rgb(153, 153, 153); }

#TwoColRightBody .form_spacer {	margin: 340px 0pt 0pt}

/* ---------------------------------- table-------------------------------- */
table.diff_table {
	padding:10px;
	border-collapse: collapse;
	width: 95%;
	padding-left:10px;
	font-size: 0.9em;
}

table.diff_table th {
	background:#E7F1C4;
	color: #546324;
	font-weight: bold;
	padding: 4px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
	font-size: 1.2em;
}

table.diff_table td {
	padding: 3px 11px;
	border-bottom: 1px solid #f1f2db;
	vertical-align: top;
}

table.diff_table td * {
	padding: 3px 11px;
}

table.diff_table tr.alt td {
	background: #f4fbdc
}

table.diff_table tr.over td {
	background: #f1f2db
}

/* --------------------------------- round box ---------------------------------------------- */

.sideblock, .sideblockimg {
	border: 0pt none;
	margin: 0pt;
	padding: 0pt;
	background: transparent url('../images/background/sideblock_mid.gif') repeat-y scroll center top;
	text-align: left;
}
.sidetop {
	border: 0pt none;
	margin: 0pt;
	padding: 0pt;
	background: transparent url('../images/background/sideblock_top.gif') no-repeat scroll center top;
}
.sidebot {
	border: 0pt none;
	margin: 0pt;
	padding: 7px 10px 10px;
	background: transparent url('../images/background/sideblock_bot.gif') no-repeat scroll center bottom;
}
.sideblock h5, .sideblockimg h5 {
	margin: -16px 0pt 0pt;
	padding: 0pt 0pt 3px;
	font-size: 1em;
	font-weight: normal;
}
.sidesplitter {
	border: 0pt none;
	margin: 0pt;
	padding: 0pt;
	height: 25px;
	background-color: rgb(255, 255, 255);
}
.sidebar {
	margin: 10px 0pt;
	width: 540px;
	font-size: 0.9em;
	line-height: 1.5em;
}
.bgwhite { padding: 0pt 1px; background-color: rgb(255, 255, 255); font-size:14px }
/*  ---------------------------------  leftpan_icon  ---------------------------------  */
#leftpan_icon { padding-left:5px }

/*  ---------------------------------             round box  ---------------------------------               */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f4fbdc}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f1f2db;
  border-right:1px solid #f1f2db;
  background:#f4fbdc}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f2dbb;
  border-right:1px solid #f1f2db;
  background:#fff}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f2db;
  border-right:1px solid #f1f2db;}
.spiffy4{
  border-left:1px solid #f1f2db;
  border-right:1px solid #f1f2db}
.spiffy5{
  border-left:1px solid #f1f2db;
  border-right:1px solid #f1f2db}
.spiffyfg{
  background:#f4fbdc;
  padding-left:12px;
  padding-right:12px;
  padding-top:15px; 
  padding-bottom:15px;
  }
.left_box
{
	width :180px;
	position:relative;
	z-index:10;

}
/* --------------------------------- psp ---------------------------------------------- */

.psp ul {padding-top:4px;}
.psp li ul li { padding-right: 60px; text-align:justify}
.psp #psp_container { padding:25px 0px 25px 25px;}

/* --------------------------------- psp ---------------------------------------------- */

.diff h3, .application h3 {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	padding-left:5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C8E8E2;
	width:550px;
	font-size:16px;
	font-weight:500;
}
.diff #rightPan p,.application #rightPan p { padding-left:40px; padding-right:50px;text-align:justify  }


.company_into  #rightPan p { padding-left:40px; padding-right:50px;text-align:justify  }

/* --------------------------------- purchase ---------------------------------------------- */

.purchase #purchase_container { padding-left:30px;	 }

/*---------------------------------- point -----------------------------------------------*/

.point_of_purchase #map { position:absolute; top:40px; right:20px }


/*----------------------------------- product ---------------------------------------------- */

.underline_bkg {
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #FFCC00;
}
.underline_bkg span
{ visibility:hidden}

.col1{ width:120px;margin: 5pt 2px 2px 5pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 21px; font-size-adjust: none; font-stretch: normal; vertical-align:top}

.col2 { width:400px; margin: 5pt 2px 2px 5pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 21px; font-size-adjust: none; font-stretch: normal; }


/* ----------------------------------- prod_cart --------------------------------------- */

.prod_cart .col1 
{
	vertical-align:top;
	width : 180px;
}
.prod_cart .col2 
{
	vertical-align:top;
	padding-right:20px;
}
.prod_cart .col2 ul
{
	padding-left:10px;
	padding-bottom:5px;
}

/* ----------------------------------- detail_cart --------------------------------------- */
.prod_detail .col1 
{
	vertical-align:top;
	width : 20px;
}
.prod_detail .col2 
{
	vertical-align:top;
	padding-right:20px;
}
.prod_detail .col2 ul
{
	padding-left:10px;
	padding-bottom:5px;
}

/* ----------------------------------- event --------------------------------------- */

.events #leftPan ul, .events #leftPan h2 { padding-left:15px; }
.events #leftPan h2 { padding-bottom:10px; }

/* ----------------------------------- greeting --------------------------------------- */

.disclaimer #side-a { float: left;	width: 350px;}
.disclaimer #side-b { 
	margin: 0;
	float: left;
	width: 250px;
	padding-left:10px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/* ----------------------------------------index specail ------------------------------*/

.index li {
		padding-bottom:10px;
		text-align:justify;
}

.index .rightSide{
		float: right;
}
.index p{
		line-height:20px;
		text-align:justify;
	    

}

.leftPan_spacer
{
	height:5px;
}