@charset "utf-8";
@import url("reset.css");
/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFF;
	height:auto;
	width:100%;
}

.blue {
	width:100%;
	height:146.866px;
	background-image:url(../images/headerbg.jpg);
	background-repeat:repeat-x;
}


#area {
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}


#main {
	width:990px;
	height:auto;
}

#header {
	width:990px;
	height:144px;
	margin-bottom:12px;
}

#logo {
	float:left;
	margin:45px 10px 20px 5px;
}

#certificate {
	float:right;
	margin:45px 15px 20px 200px;
	width:245px;
	height:60px;
}

#certi1 {
	float:left;
	margin-right:15px;
	width:130px;
	background-color:#C90;
}

#certi2 {
	float:right;
}

/*---------------buttons-----------*/

#menu {
	width:990px;
	height:50px;
}

.nav {
	list-style:none;
	width:990px;
	height:50px;
	
}

.nav li { float:left;}

.nav li a {
	display:block;
	height:50px;
	background-image:url(../images/buttons_main.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.nav_home a {
	width:199px;
	left:0px;
	background-position:0px 0px;
}

.nav_home a:hover {
	background-position:0px -75px;
}

#home .nav_home a {
	background-position:0px -150px;
}

.nav_abtus a {
	width:198px;
	left:199px;
	background-position:-199px 0px;
}

.nav_abtus a:hover {
	background-position:-199px -75px;
}

#abtus .nav_abtus a {
	background-position:-199px -150px;
}

.nav_product a {
	width:198px;
	left:397px;
	background-position:-397px 0px;
}

.nav_product a:hover {
	background-position:-397px -75px;
}

.prd .nav_product a{
	background-position:-397px -150px;
}

.nav_order a {
	width:197px;
	left:595px;
	background-position:-595px 0px;
}

.nav_order a:hover {
	background-position:-595px -75px;
}

#order .nav_order a {
	background-position:-595px -150px;
}

.nav_contact a {
	width:198px;
	left:792px;
	background-position:-792px 0px;
}

.nav_contact a:hover {
	background-position:-792px -75px;
}

#contact .nav_contact a {
	background-position:-792px -150px;
}

#content {
	float:left;
	margin-top:7.5px;
	margin-bottom:25px;
	width:990px;
	height:auto;
}
/*----------------------left side--------------------------------*/
#left {
	float:left;
	width:220px;
	margin-right:12px;
	height:auto;
}


#menu_header {
	float:left;
	width:220px;
	height:30px;
	background-color:#00415D;
	/* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	/* Older than Firefox 0.9 */
    -moz-opacity:0.80;
	/* Modern!
        /* Firefox 0.9+, Safari 2, Chrome any?
        /* Opera 9+, IE 9+ */
	opacity: 0.80;
	margin-bottom:4px;
}

.h2 {
	font-family:Arial;
	letter-spacing:2px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:8px 0px 7px 0px;
	text-align:center;
}

#vmenu {
	clear:both;
	margin-top:1px;
	width:218px;
	height:auto;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	/* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
	filter: alpha(opacity=60);
	/* Older than Firefox 0.9 */
    -moz-opacity:0.60;
	/* Modern!
        /* Firefox 0.9+, Safari 2, Chrome any?
        /* Opera 9+, IE 9+ */
	opacity: 0.60;
}

#product_list {
	list-style:none;
	color:#000;
	z-index:1;
	
}

#product_list li {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	letter-spacing:.5px;
	border-bottom:#CCCCCC 1px solid;
	padding:9px;
	text-align:left;
	z-index:1;
}

#product_list li a {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	letter-spacing:.5px;
	text-decoration:none;
	color:#000;
	text-align:left;
	z-index:1;
}

#product_list li a:hover {
	color:#B80606;
}

#titanium {
	float:left;
	margin-top:35px;
	width:216px;
	border:1px solid #CCC;
	height:200px;
	background-color:#EAEAEA;
	/* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
	filter: alpha(opacity=85);
	/* Older than Firefox 0.9 */
    -moz-opacity:0.85;
	/* Modern!
        /* Firefox 0.9+, Safari 2, Chrome any?
        /* Opera 9+, IE 9+ */
	opacity: 0.85;
	
}

#tit_plt_img {
	margin-top:25px;
	width:210px;
	height:136px;
}

.tittxt {
	font-family:Arial;
	letter-spacing:2px;
	font-size:22px;
	font-weight:bold;
	color:#833C8C;
	margin:5px 0px 0px 0px;
	text-align:center;
}
	


/*-----------------------------right---------------------------*/

#right {
	float:left;
	width:720px;
	height:auto;
	margin-top:3px;
}

#banner {
	float:left;
	width:748px;
	height:170px;
	margin-bottom:14px;
	border-top:1px solid #04B9D2;
	border-left:1px solid #04B9D2;
	border-right:1px solid #04B9D2;
}

.h1 {
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	font-style:italic;
	text-align:left;
	color:#035779;
}

.txt1 {
	font-family:Arial;
	font-size:9.5pt;
	line-height:17px;
	color:#666;
	text-align:left;
}

.bold { font-weight:bold;}


.line {
	margin:12px 0px 12px 0px;
	width:100%;
	border-bottom:#5ED5F5 solid 2px;
}

#sec1 {
	float:left;
	width:500px;
	height:auto;
	margin-right:2px;
}

#new_r {
	float:left;
	height:auto;
	margin:5px 15px 5px 8px;
}


#new {
	float:left;	
	margin-top:15px;
	margin-right:20px;
	font-family:Arial;
	font-size:16px;
	letter-spacing:1px;
	text-align:left;
	font-weight:bold;
	color:#D20707;
}

#new_img {
	height:48px;
	width:48px;
	float:right;
	background-image:url(../images/new_img.png);
}

#r1  {
	margin:8px 8px 0px 8px; 
	float:left;
	height:238px;
}



.b1 {
	
	float:left;
	width:145px;
	height:265px;
	margin-right:21px;
}

.img_home {
	border:3px solid #99CCFF;
	width:138px;
	height:134px;
	background-color:#366;
}

.d1 {
	margin:8px;
	font-family:Arial;
	font-size:12px;
	letter-spacing:.5px;
	line-height:16px;
	text-align:left;
	font-weight:bold;
	color:#146282;
	height:50px;
	
}

.dlink {
	float:right;
	margin:5px 0px 0px 10px;
	font-family:Arial;
	font-size:12px;
	letter-spacing:.5px;	
	text-align:right;
	color:#666;
	font-weight:bold;
}

.dlink a{
	text-decoration:none;	
	color:#666;
	font-family:Arial;
	font-size:12px;
	letter-spacing:.5px;	
	text-align:right;
}

.dlink a:hover { color:#333;}

.b2{
	float:left;
	width:145px;
	height:260px;
}

.line2 {
	margin:0px 10px 10px 10px;
	width:auto;
	vertical-align:bottom;
	border-bottom:#5ED5F5 solid 2px;
	clear:both;
}

#r2  {
	margin:8px 8px 4px 8px;
	float:left;
	height:auto;
	}

#sec2 {
	float:right;
	width:220px;
	height:auto;
	vertical-align:top;
}

#form1_pt1 {
	margin-top:10px;
	width:220px;
	height:20px;
	background-image:url(../images/form-01.png);
	background-repeat:no-repeat;
}

#form1_pt2 {
	margin-left:2px;	
	border-left:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC;
	background-color:#FFF;
	width:215px;
	height:430px;
}

#inside { 
	height:auto;
	width:215px;	
}

.f1 {
	font-family:arial;
	font-size:11pt;
	letter-spacing:1.5px;
	font-weight:bold;
	margin-left:10px;
	color:#003E5B;
	text-align:left;
	margin-bottom:8px;
}

#form_line {
	border-bottom:1px solid #333333;
	margin:4px;
}

#styleform label {
	display:block;	
	width:100%;
	padding:3px 0px 3px 0px;
	float:left;
}

#styleform .big {
	font-family:Arial;
	color:#333333;
	font-size:8.5pt;
	text-align:right;
	float:left;
	padding-top: 5px;
	padding-left:2px;
	width:70px;
}

#styleform input{
	float:left;
	font-size:8.5pt;
	padding:2px 2px;
	font-family:arial;
	border:solid 1px #CCCCCC;
	width:110px;
	margin:0px 0px 8px 4px;
}

#styleform .message {
	padding: 2px 2px;
	font-size:8.5pt;
	font-family:arial;
	width:110px;
	letter-spacing:1px;
	line-height:10pt;
	float:left;
	margin: 0px 0px 8px 4px;
	border:solid 1px #CCCCCC;
	height:200px;
}

#styleform .button {
	float:left;
	margin: 6px 0px 15px 80px;
	padding:1px 1px;
	background-color:#003E5B;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	font-family:arial;
	letter-spacing:1px;
	font-size:9pt;
	width:100px;	
	height:26px;
	border:none;
}


#form1_pt3 {
	margin-bottom:30px;
	width:220px;
	height:20px;
	background-image:url(../images/form-03.png);
	background-repeat:no-repeat;
}

/*---------------------3 buttons--------------------*/

#button_sp {
	clear:both;
	float:left;
	margin-left:15px;
	margin-top:15px;	
	width:198px;
	height:152px;
}

#sav {
	float:left;
	list-style:none;
	width:198px;
	height:41px;
}

#sav li a {
	display:block;
	height:41px;
	background-image:url(../images/button_sp.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#sav_1 a {
	width:199px;
	background-position:0px 0px;
}

#sav_1 a:hover {
	background-position:-218px 0px;
}

#sav_2 a {
	margin-top:20px;
	width:199px;
	background-position:0px -56px;
}

#sav_2 a:hover {
	background-position:-218px -56px;
}

#sav_3 a {
	margin-top:20px;
	width:199px;
	background-position:0px -111px;
}

#sav_3 a:hover {
	background-position:-218px -111px;
}



/*---------------------end of 3 buttons--------------------*/


#consult {
	clear:both;
	width:500px;
	height:150px;
	border:1px solid #CCCCCC;
	background-image:url(../images/consultbg.jpg);
	background-repeat:repeat-x;
}

#consult_in {
	margin:15px;
	}
	
#cons_img {
	float:left;
	background-image:url(../images/consult_img.jpg);
	width:116px;
	height:116px;
	margin-right:24px;
	
}

#cons_txt {
	float:left;
	width:300px;
}

.h3 {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#035779;
}

.clink {
	float:right;
	margin:10px 0px 0px 10px;
	font-family:Arial;
	font-size:13px;
	letter-spacing:.5px;	
	text-align:right;
	color:#006699;
	font-weight:bold;
}

.clink a{
	text-decoration:none;	
	color:#006699;
	font-family:Arial;
	font-size:13px;
	letter-spacing:.5px;	
	text-align:right;
}





/*------------------------------------------------footer----------------------------------*/

#small_blue {
	clear:both;
	width:100%;
	background-color:#00415D;
	height:5px;
}

#footer {
	clear:both;
	width:100%;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat-x;
	height:120px;
}
	
#footermenu {	
	height:auto;
	display:inline;
}

#footermenu p {
	padding-top:25px;
	font-family:Arial;
	font-size:8pt;
	word-spacing:1px;
	letter-spacing:2px;
	color:#FFF;
	width:740px;
}

#footermenu a {
	font-family:Arial;
	font-size:8pt;
	word-spacing:1px;
	letter-spacing:1px;
	color:#FFF;
	width:740px;
	text-decoration:none;
}

#footermenu a:hover {
	color:#CFEAF1; 
	
}	
	
	
#copyright {
	clear:both;
	font-family:Arial;
	letter-spacing:1px;
	padding-top:25px;
	margin-bottom:10px;
	font-size:9pt;
	color:#FFF;
}

#powered {
	font-family:Arial;
	font-size:8.5pt;
	margin-top:5px;	
	clear:both;
	margin-bottom:20px;
	color:#05BDD6;
}

#powered a {
	font-family:Arial;
	letter-spacing:1px;
	text-decoration:none;
	color:#05BDD6;
	font-weight:bold;
	font-size:9pt;
}

#powered a:hover { text-decoration:underline;}	


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

.h4 {
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#035779;
}

.line03 {
	margin:12px 0px 12px 0px;
	width:100%;
	border-bottom:#474747 solid 2px;
}

.phead {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#000;
}

.pname {
	font-family:Arial;
	margin-top:4px;
	font-size:14px;
	letter-spacing:1px;
	line-height:18px;
	font-weight:bold;
	color:#E40815;
	word-spacing:2px;
	text-align:left;
}

.p_img { 
	float:left;
	width:315px;
	height:200px;
	margin-right:20px;
	margin-top:25px;
}
.p_img02 {
	float:left;
	width:670px;
	height:200px;
	margin-top:20px;
	
}

.p_img_in {
	float:right;
	width:295px;
	height:180px;
	border:1px solid #CCCCCC;
	margin:10px;
}

.p_table {
	float:left;
	width:368px;
	height:auto;
	margin-bottom:15px;
}

.p_table02 {
	clear:both;
	float:left;
	width:300px;
	height:auto;
	margin-top:10px;
	margin-bottom:15px;
	margin-right:35px;
	padding:0px;
}

.p_table03 {
	float:left;
	width:300px;
	height:auto;
	margin-top:10px;
	margin-bottom:15px;
	padding:0px;
}


.thead01 {
	float:left;
	height:27px;
	background-image:url(../images/p_head_img.jpg);
	background-repeat:repeat-x;
	border-right:2px solid #FFF;
	
}

.thead01 p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	margin-top:5px;
}

.p_thead02 {
	float:left;
	width:198px;
	height:27px;
	background-image:url(../images/p_head_img.jpg);
	background-repeat:repeat-x;
}

.p_thead02 p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	margin-top:5px;
}

.table_main {
	background-color:#F1F1F2;
	height:auto;
	border:2px solid #CCCCCC;
}

.table_main tr { 
	padding:3px;
	border-bottom:1px solid #FFF;
	}
	
.table_main td { 
	padding:5px;
	border-right:2px solid #CCCCCC;
	font-size:12px;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	color:#666;	
	}	

/*------bottom page no. links------*/

.page_number01 {
	float:left;
	background-color:#CCEBF5;
	border:1px solid 0099CC;
	width:25px;
	height:25px;
	margin-right:10px;
	margin-bottom:10px;
}

.page_number01 p {
	font-family:Arial;
	font-size:11px;
	color:#000;
	padding:6px 2px 5px 2px;
	text-align:left;
}

.page_number01 a {
	font-family:Arial;
	font-size:11px;
	color:#000;
	padding:8px;
	text-align:center;
	text-decoration:none;
}

#product_cat_list {
	clear:both;
	width:700px;
	height:auto;
	border:1px solid #CCCCCC;
	background-color:#F1F1F2;
	background-repeat:repeat-x;
}

#prd_cat_li {
	margin:15px;
}

.h5 {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#035779;
	line-height:19px;
}

.smalltxt { 
	font-family:Arial;
	font-size:11px;
	color:#666;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0.5px;
}

#prdcatlist td {padding:5px 20px 5px 5px;}

#prdcatlist p {
	font-family:Arial;
	font-size:11px;
	color:#474747;
	text-align:left;
	
}

#prdcatlist a {
	text-decoration:none;
	color:#474747;
}

#prdcatlist a:hover {
	text-decoration:underline;
}


/*-----------------------------------big tables --------------------------------*/

.p_table04 {
	clear:both;
	float:left;
	width:680px;
	height:auto;
	margin-top:8px;
	margin-bottom:15px;
	margin-right:25px;
	padding:0px;
}

.thead04 {
	float:left;
	height:35px;	
	background-color:#0582AE;
	border-right:2px solid #FFF;	
}

.thead04 p {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	line-height:15px;
	margin-top:3px;
}

.p_table05 {
	clear:both;
	float:left;
	width:auto;
	height:auto;
	margin-top:8px;
	margin-bottom:15px;
	margin-right:35px;
	padding:0px;
}

.thead04 {
	float:left;
	height:35px;	
	background-color:#0582AE;
	border-right:2px solid #FFF;	
}

.thead04 p {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	line-height:15px;
	margin-top:3px;
}

.h5 {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	margin-top:5px;
	color:#2CA9E1;
}

.thead05 {
	float:left;
	height:30px;	
	background-color:#0582AE;
	border-right:2px solid #FFF;	
}

.thead05 p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	line-height:15px;
	margin-top:7px;
}

.thead06 {
	float:left;
	height:55px;	
	background-color:#0582AE;
	border-right:2px solid #FFF;	
}

.thead06 p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	line-height:15px;
	margin-top:7px;
}


/*---------------------abt us-------------------------------------*/

.txt3 {
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	color:#666;
	text-align:left;
	width:640px;
	text-align:justify;
}

/*-----------------------order form--------------*/

#orderform2 {
	clear:both;
	float:left;
	margin-top:20px;
	width:500px;
	height:auto;
	border:1px #ccc solid;
}

#inside2 {
	width:474px;
	margin:12px 12px 12px 12px;
	height:590px;
	border:solid 1px #AED2F3;
	
}

#inside3 {
	width:474px;
	margin:12px 12px 12px 12px;
	height:480px;
	
	
}

.f2 {
	font-family:arial;
	font-size:12pt;
	letter-spacing:1.5px;
	font-weight:bold;
	color:#E40815;
	text-align:left;
	margin-bottom:25px;
	margin-left:150px;
	margin-top:15px;
}


#styleform2 label {
	display:block;	
	width:100%;
	padding:5px 0px 5px 0px;
	height:auto;
	float:left;	
}

#styleform2 .big2 {
	font-family:Arial;
	font-size:10pt;
	color:#666;
	font-size:13px;
	
	text-align:right;
	float:left;
	width:140px;	
	margin-top: 1px;
	line-height:17px;
}

#styleform2 input{
	float:left;
	font-size:12px;
	padding:4px 4px;
	border:solid 1px #AED2F3;
	width:180px;
	margin:0px 0 10px 10px;
}

#styleform2 .message {
	padding: 4px 4px;
	width:200px;
	float:left;
	margin: 0px 0px 10px 10px;
	border:solid 1px #AED2F3;
	height:120px;
	overflow:hidden;
}

#styleform2 .button {
	margin: 15px 0px 40px 150px;
	padding:5px 4px 6px 4px;
	background:#01425E;
	border:solid 1px #33ABE0;
	color:#FFF;
	width:120px;
	font-size:14px;
	font-weight:bold;
	
}

/*----------*/

.p_img03 {
	float:left;
	width:670px;
	height:150px;
	margin-top:12px;
	}
	
	
.table_main2 {
	background-color:#F1F1F2;
	height:auto;
	border:2px solid #CCCCCC;
}

.table_main2 tr { 
	padding:2px;
	border-bottom:1px solid #FFF;
	}
	
.table_main2 td { 
	padding:5px;
	border-right:2px solid #CCCCCC;
	font-size:11px;
	text-align:center;	
	font-family:Arial;
	color:#666;	
	}	
	
.color_blue {	
	background-color:#0582AE;	
}	

.color_blue p {
	color:#FFF;	
	font-weight:bold;	
}	

.thead005 {
	float:left;
	height:40px;	
	background-color:#0582AE;
	border-right:2px solid #FFF;	
}

.thead005 p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5px;
	font-family:Arial;
	line-height:15px;
	margin-top:7px;
}