body {
	margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background: url(../images/main-bg.jpg) repeat-x 0 0 #0894cf;  line-height:18px;
	}
a {
	text-decoration:none; color:#006699;
	}
a:hover {
	text-decoration:underline;
	}
:focus {
	outline:none;
	}
img {
	border:none;
	}
h1 {
	margin:0px; padding:10px 0px; font-size:16px; color:#003e89; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d3d3d3;
	}
    
h2 {
	margin:0px; padding:10px 0px; font-size:16px; color:#003e89; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d3d3d3;
	}
    
    h3 {
	font-size:15px; color:#323232; margin:0px; padding:5px 0px; font-weight:bold; text-transform:uppercase;
	}
hr {
	margin:15px 0px; padding:0px; height:1px; border:none; background:#d5d5d5;
	}
th {
	text-align:left; font-weight:bold; color:#006699;
	}
thead th {
	text-transform:uppercase; text-align:center;
	}
.fl-right {
	float:right;
	}
.fl-left {
	float:left;
	}
.m10 {
	margin:0px 0px 10px 10px;
	}
/*----------------index page------------------------------*/
#main {
	width:1001px;
	margin:0px auto;
	padding:0px;
	background:#ffffff;
/*	border:1px solid red;*/
	}

/*---------------------top---------------------*/
#top {
	background:url(../images/top-bg.jpg) repeat-x #ffffff;
/*	background:url(../images/logo-bg.jpg) repeat-x 10px top #ffffff;*/
	position:relative;
	height:332px;
	padding:8px 0px 0px 0px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	}
.logo {
	position:absolute;
	left:32px;
	background:url(../images/point-header-shadow.jpg) repeat-x bottom center #ffffff;
/*	border:1px solid red;*/
	padding:0px 0px 0px 0px;
/*	width:292px;*/
	z-index:10;
	text-align:center;
	width:308px;
	height:349px;
	top:0px;
	
/*	height:321px;*/
	}
.logo ul {
	margin:10px 0px 0px 0px; padding:25px 20px 10px 25px; list-style:none; background:url(../images/point-header.jpg) no-repeat top center; 
	}
.logo li {
	margin:0px; padding:6px 0px 7px 15px; background:url(../images/up-arw.gif) no-repeat left center; font-weight:bold; color:#09469c; text-align:left;
	}
.request-sample {
	position:absolute;
	right:15px;
	}
.top-link {
	/*background:url(../images/link-bg.jpg) repeat-x; */position:absolute; top:62px; width:100%; padding:9px 0px; /*border:1px solid red;*/
	}
.top-link ul {
	margin:0px; padding:0px 0px 0px 360px; list-style:none;
	}
.top-link li {
	margin:0px; padding:2px; color:#FFFFFF; border-right:1px solid #abcbf8;	display:inline; font-size:12px; font-weight: bold; text-transform:uppercase;
	
	}
.top-link li.last{
	margin:0px; padding:4px; color:#FFFFFF; border-right:0px solid #abcbf8;	display:inline; font-size:12px; font-weight: bold; text-transform:uppercase;
	}
.top-link li a {
	margin:0px; padding:5px 2px; color:#abcbf8;
	}
.top-link li a.selected {
	/*margin:0px; */padding:5px 4px; color:#ffffff;
	}
.flash-img {
	position:absolute; top:99px; right:0px;
	}
/*----------------------top end ---------------*/
/*------------------------middle---------------*/
#middle {
/*	border:1px solid red;*/
	padding:0px 15px 0px 42px;
	}
/*------------------lpart start----------*/
#lpart {
	width:269px;
/*	border:1px solid green;*/
	padding:0px 8px;
	float:left;
	}
.img-ad {
	text-align:center;
	margin-top:5px;
	}
.devider {
	background:
	}
#lpart h1 {
	color:#323232;
	}
.text-head{
	color:#006699; text-decoration:underline; background:url(../images/right-arw.gif) no-repeat left center; font-weight:bold; padding:3px 0px 3px 10px; display:block; margin:0px;
	}
.text-head:hover{
	text-decoration:none;
}
.text-content {
	padding:3px 0px 3px 10px; margin:0px; display:block; text-align:justify;
	}
.br {
	display:block; border-top:1px solid #d5d5d5;
	}
/*-------------------lpart end------------*/
/*-----------------rpart start------------*/
#rpart {
	padding:0px 8px; width:629px; /*border:1px solid blue; */float:right;
	}
.content {
	text-align:justify;
	}
.content img {
	float:left; margin:0px 5px 5px 0px; background:url(../images/img-bg.jpg) no-repeat; padding:11px;
	}
.conten-2part {
	margin:0px; padding:0px; list-style:none
	}
.conten-2part li {
	width:300px; float:left; margin:0px 5px;
	}
.point {
	margin:0px 0px 0px 10px; padding:0px; list-style:none;
	}
.point li {
	margin:10px 0px 0px 0px; background:url(../images/right-arw.gif) no-repeat left 7px; padding-left:10px;
	}
.links ul {	
	margin:0px; padding:0px; list-style:none;
	}
.links li {
	margin:0px 10px 25px 10px; padding:0px 0px 10px 0px; display:block; width:290px; float:left; white-space:normal; border-bottom: 1px dashed #d5d5d5;
	}
.links li a {
	color:#006699; background:url(../images/right-arw.gif) no-repeat left center; padding-left:10px;
	}
.darkbg {
	background:#006699;
	}
.greybg {
	background:#d5d5d5;
	}
.whitebg {
	background:#fff;
	}
.lightbg {
	background:#f5f5f5;
	}
.pdf {
	margin:0px; padding:0px; list-style:none;
	}
.pdf li {
	background:url(../images/pdf-ico.jpg) no-repeat left center; padding-left:60px; line-height:65px; margin:0px;
	}
/*----------------rpart end-------*/
/*------------------------middle end-----------*/
/*------------------------------bottom--------------*/
#bottom-expand{
	width:100%;
	background:url(../images/footer-expand-bg.jpg) repeat-x 0 0;
}
#bottom {
	width:928px;
	margin:0px auto;
	background:url(../images/footer-bg.jpg) repeat-x; color:#FFFFFF; font-size:11px; padding:5px 18px 2px 55px; position:relative; height:100px;
	}
.footer-left a {
	font-weight:bold; text-decoration:underline; font-size:13px; color:#FFFFFF;
	}
.footer-left {
	width:188px; border-right:1px solid #3d6594; float:left;
	}
.footer-right {
	width:718px; /*position:absolute; left:245px; */float:right;
	}
.footer-right ul {
	list-style:none; margin:0px; padding:0px;
	}
.footer-right li {
	display:inline; margin:0px; padding:0px 6px; width:100%;
	}
.footer-right a {
	color:#FFFFFF;
	}
.add {
	float:left; width:400px;
	}
.copyright {
	text-align:right;
	}

/*-------------------------------bottom end-------------*/

/*---------------------general-------------------*/
.center {
	text-align:center;	display:block
	}
.right {
	display:block; text-align:right;
	}
.right a {
	background:url(../images/read-more.jpg) no-repeat left; padding-left:15px; color:#000000;
	}
.blue {
	color:#006699;
	}
.font-11 {
	font-size:11px;
	}
.bg-none {
	background:none;
	}
.font-13 {
	font-size:13px;
	}
/*---------------------general end-------------*/
/*-----------------form-------------------*/
input {
	border:1px solid #7f9db9; margin:2px 5px 2px 0px; padding:2px;
	}
.w100{
	width:100px;
	}
.btn {
	background:url(../images/btn-bg.jpg) no-repeat; font-weight:bold; font-size:12px; border:none; text-align:center; width:80px; padding:3px 0px 4px 0px; text-transform:uppercase; color:#666666;
	}
.w322 {
	width:322px;
	}
/*-----------------form end-------------*/
/*----------------index page end-------------------------*/
/*----------------------slider-------------*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	padding:0px;
	margin:10px 0 0 0px;
	overflow: scroll; /*leave this value alone*/
	width: 250px; /*Width of Carousel Viewer itself*/
	height: 102px; /*Height should enough to fit largest content's height*/
	background:url(../images/photo-gallery.jpg) no-repeat;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 14px;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin around each panel*/
	width: 217px;
	padding-left:20px;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel ul{
	width:217px;
	padding:0px;
	margin:0px;
	list-style:none;
/*	border:1px solid red;*/
}
.stepcarousel .panel ul li{
	width:95px;
	margin:0 2px 0 0;
	padding:0px;
	float:left;
	list-style:none;
	text-align:center;
	padding:2px 3px;
}
.stepcarousel .panel ul li a{
	margin:0 10px 0 0;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	color:#176807;
	text-decoration:none;
}
.stepcarousel .panel ul li a:hover{
	color:#8eb41a;
}