/* CSS by Vudoz Network */

* {
	margin:0;
	padding:0;
}
.reset {
	clear:both;
	height:0;
}
.reset02 {
	clear:both;
	height:20px;
}
.reset03 {
	clear:both;
	height:20px;
	border-bottom:1px solid #999999;
	margin-bottom:20px;
}
img {
	border:none;
}
.imgLeft {
	float:left;
	padding:10px 10px 10px 0px;
}
.imgRight {
	float:right;
	padding:10px 0px 10px 10px;
}
.imgDownload {
	float:right;
	padding:0px 20px 0px 10px;
	margin-top:-25px;
}
.clear {
	clear:both;
}
body {
	background-color: #006699;
	background-image:url(/images/base.gif);
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
a:link {
	color: #039;
	text-decoration:none;
}
a:visited {
	color: #039;
	text-decoration:none;
}
a:hover {
	color: #039;
	text-decoration:underline;
}
a:active {
	color: #039;
	text-decoration:underline;
}
.IMGleft {
	float:left;
	padding-right:15px;
	padding-top:4px;
}
.IMGright {
	float:right;
	margin-right:10px;
}
h1 {
	font-size:16px;
	margin-bottom:5px;
	color:#039;
	font-weight:bold;
}
h1 span {
	color:#FF0000;
	font-style:italic;
}
h2 {
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	color:#000000;
}
h3 {
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	/*color:#039;*/
	color:#039;
}
h4 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	color:#039;
	padding-top:10px;
	width:570px;
}
#login {
	float:right;
	width:100px;
	margin-top:-22px;
	color:#000033;
	font-size:9px;
}
#login a {
	color:#000033;
	text-decoration:none;
}
#login a:hover {
	text-decoration:underline;
	color:#999999;
}
#login a:active {
	color:#999999;
	text-decoration:none;
}
#mainControl {
	margin:auto;
	padding:auto;
	width:820px;
}
#header {
	margin-top:0px;
	background:transparent url(/images/topHeader.gif) no-repeat;
	height:70px;
	padding-top:10px;
}
#logo a {
	display:block;
	height:52px;
	width:574px;
	background:url(/images/logo.gif) no-repeat;
	margin-left:20px;
	text-indent:-9999px;
	position:relative;
}
#content {
	background:url(/images/contentBase.gif) repeat-y;
	margin-top:0px;
}
.topBanner {
	width:820px;
}
.topFlash {
	width:820px;
	margin-left:-1px;
	background-color:#002A3F;
}
.pagesContent {
	font-size:11px;
	color:#333333;
	margin-top:0px;
}
.pagesContent p {
	margin:0px 5px 10px 0px;
	line-height:150%;
	color:#333333;
}
#mainNav {
	background:url(/images/mainNav.gif) no-repeat left top;
	height:40px;
	padding-left:40px;
}
#mainNav li {
	float:left;
	list-style:none;
	padding-top:2px;
	padding-right:20px;
}
#mainNav li.about a {
	float:left;
	display:block;
	width:75px;
	height:25px;
	text-decoration:none;
	background:url(/images/btn-aboutus.gif) no-repeat;
}
#mainNav li.about a:hover {
	float:left;
	display:block;
	width:75px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-aboutus.gif) no-repeat;
}
#mainNav li.about a.active {
	float:left;
	display:block;
	width:75px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-aboutus.gif) no-repeat;
}
#mainNav li.products a {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btn-products.gif) no-repeat;
}
#mainNav li.products a:hover {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-products.gif) no-repeat;
}
#mainNav li.products a.active {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-products.gif) no-repeat;
}
#mainNav li.services a {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btn-services.gif) no-repeat;
}
#mainNav li.services a:hover {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-services.gif) no-repeat;
}
#mainNav li.services a.active {
	float:left;
	display:block;
	width:102px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-services.gif) no-repeat;
}
#mainNav li.contactus a {
	float:left;
	display:block;
	width:82px;
	height:25px;
	text-decoration:none;
	background:url(/images/btn-contactus.gif) no-repeat;
}
#mainNav li.contactus a:hover {
	float:left;
	display:block;
	width:82px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-contactus.gif) no-repeat;
}
#mainNav li.contactus a.active {
	float:left;
	display:block;
	width:82px;
	height:25px;
	text-decoration:none;
	background:url(/images/btnR-contactus.gif) no-repeat;
}
.container {
	margin:0px 30px 0px 30px;
	padding-bottom:20px;
}
.containerOrder {
	margin:10px 0px 0px 0px;
	padding-bottom:20px;
}
.proMore {
	background:#bfd4de;
	height:13px;
	display:block;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin-top:0px;
}
.proInq {
	background:#bfd4de;
	height:13px;
	display:block;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin-top:0px;
}
.container ul {
	padding:0px;
	margin:0px;
}
.container li {
	float:left;
	border-right:1px solid #CCCCCC;
	width:239px;
	padding-right:10px;
	list-style:none;
	padding-left:10px;
}
.container li.left {
	float:left;
	width:239px;
	padding-right:10px;
	list-style:none;
	padding-left:0px;
}
.container li.right {
	float:left;
	border-right:0px;
	width:239px;
	padding-right:0px;
	list-style:none;
	padding-left:10px;
}
#footer {
	background:url(/images/footer.gif) no-repeat;
	height:36px;
}
#footerPro {
	background:url(/images/footerPro.gif) no-repeat;
	height:66px;
}
#copy {
	color:#FFFFFF;
	font-size:9px;
	text-align:center;
	margin-top:10px;
}
#copy a:link {
	color:#FFFFFF;
	text-decoration:underline;
}
#copy a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#copy a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#copy a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#leftBar {
	display:table;
	margin-top:0px;
	height:530px;
	width:227px;
	float:left;
	border-right:1px solid #CCCCCC;
}
#leftBar img {
	padding-left:40px;
	padding-bottom:20px;
}
/* ---leftbar for products ---*/

#leftBarPro {
	display:table;
	margin-top:0px;
	height:auto;
	width:227px;
	float:left;
	font-weight:bold;
	border-right:1px solid #CCCCCC;
}
#leftBarPro img.material {
	padding-left:40px;
	padding-bottom:20px;
}
#leftBarPro p {
	padding-bottom:0px;
	padding-left:30px;
	background-color:#CCCCCC;
	margin-left:10px;
	margin-right:0px;
	line-height:20px;
	font-weight:bold;
}
/*---*/

/* ---leftbar for contact ---*/

#leftBarCon {
	display:table;
	margin-top:0px;
	height:auto;
	width:207px;
	float:left;
	font-weight:bold;
	border-right:1px solid #CCCCCC;
}
#leftBarCon img.material {
	padding-left:40px;
	padding-bottom:20px;
}
#leftBarCon p {
	padding-bottom:0px;
	padding-left:30px;
	background-color:#CCCCCC;
	margin-left:10px;
	margin-right:0px;
	line-height:20px;
	font-weight:bold;
}
/*---*/

#rightBar {
	margin-top:0px;
	padding-top:15px;
	padding-left:20px;
	width:552px;
	float:right;
	padding-right:20px;
}
#rightBar p {
	margin:0px 5px 10px 0px;
	line-height:150%;
	color:#333333;
}
#rightBarContactus {
	margin-top:0px;
	padding-top:15px;
	padding-left:20px;
	width:552px;
	float:right;
	padding-right:20px;
	background:transparent url(/images/contactus.jpg) no-repeat 235px 72pt;
}
#rightBar ul.gallery {
	margin-top:0px;
	list-style:none;
}
#rightBar ul.gallery li {
	float:left;
	border:1px solid #CCCCCC;
	list-style:none;
	margin-right:15px;
	margin-bottom:15px;
	padding:5px;
}
#rightBar ul.about {
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
	width:150px;
	float:left;
}
#rightBar ul.about li {
	list-style:none;
	background:url(/images/bullet.gif) no-repeat 0pt 8px;
	padding-left:10px;
}
#rightBar ul.color {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:5px;
	padding-left:18px;
	padding-top:5px;
}
#rightBar ul.color li {
	background:transparent url(/images/bullet.gif) no-repeat scroll 0 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:10px;
	padding-bottom:5px;
}
#rightBar span {
	font-weight:bold;
}
#rightBar ul.order {
	list-style:none;
	padding-left:0px;
	padding-bottom:0px;
	height:74px;
	margin-bottom:-1px;
}
#rightBar ul.order li {
	list-style:none;
	padding-left:0px;
	display:inline;
}
#rightBar ul.order li.inquiry {
	padding-left:0px;
}
#rightBar ul.order li.inquiry a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-inquiry.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.inquiry a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-inquiryB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.inquiry a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-inquiryB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.quotation {
	padding-left:0px;
}
#rightBar ul.order li.quotation a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-quotation.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.quotation a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-quotationB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.quotation a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-quotationB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.po {
	padding-left:0px;
}
#rightBar ul.order li.po a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-po.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.po a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-poB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.po a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-poB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.invoice {
	padding-left:0px;
}
#rightBar ul.order li.invoice a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-invoice.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.invoice a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-invoiceB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.invoice a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-invoiceB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.process {
	padding-left:0px;
}
#rightBar ul.order li.process a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-process.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.process a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-processB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.process a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-processB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.balance {
	padding-left:0px;
}
#rightBar ul.order li.balance a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-balance.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.balance a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-balanceB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.balance a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-balanceB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.delivery {
	padding-left:0px;
}
#rightBar ul.order li.delivery a {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-delivery.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.delivery a:hover {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-deliveryB.gif) no-repeat 0pt 0px;
}
#rightBar ul.order li.delivery a.active {
	float:left;
	display:block;
	width:74px;
	height:74px;
	text-decoration:none;
	background:url(/images/ordericon-deliveryB.gif) no-repeat 0pt 0px;
}
/* ------- */

.contact {
	background:#efefef url(/images/contactus.gif) no-repeat bottom right;
	width:347px;
	height:414px;
}
#subNav {
	margin:10px 25px;
	font-size:12px;
	list-style:none;
	overflow:hidden;
}
#subNav li, #subNav li.menubar {
	list-style:none;
	margin:4px 0;
	display:block;
}
#subNav li a span, #subNav li.menubar a span {
	color:#FF0000;
	font-style:italic;
	font-weight:bold;
}
#subNav li a, #subNav li.menubar a {
	display:block;
	width:85%;
	padding:3px 0 2px 20px;
	color:#039;
	background:transparent url(/images/btnSubNav.gif) no-repeat 0 -8px;
}
#subNav li.menubar ul li a {
	font-size:12px;
	color:#039;
}
#subNav li a:hover, #subNav li.menubar a:hover, #subNav li.menubar a:hover.here {
	color:#f90;
}
#subNav li a.actuator, #subNav li.menubar a.actuator {
	background:transparent url(/images/btnSubNav.gif) no-repeat 0 -71px;
}
#subNav li a.here, #subNav li.menubar ul li a.here {
	background:transparent url(/images/btnSubNav.gif) no-repeat 0 -196px;
	color:#f90;
}
#subNav li.menubar a.here {
	color:#039;
	background:transparent url(/images/btnSubNav.gif) no-repeat 0 -134px;
}
.menu, .submenu {
	list-style:none;
	margin:0 0 10px 20px;
}
/* ------- */

.box {
	float:left;
	margin-right:5px;
	width:264px;
}
.box td.title {
	height:20px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}
.box td {
	height:20px;
	color:#000000;
	font-weight:normal;
}
.box .line td {
	color:#000000;
	font-weight:normal;
	border-top:1px dotted #999999;
}
.box .exp td {
	height:auto;
}
.boxAbout {
	float:left;
}
.boxAbout td {
	height:20px;
	color:#000000;
	font-weight:normal;
	padding-right:10px;
}

.box02 td {
	padding-left:10px;
	line-height:150%;
	vertical-align:top;
}

fieldset {
	padding:5px;
	width:260px;
}

legend {
	font-weight:bold;
	color:#0066CC;
	padding:2px 5px;
}

.box02 tr.empty td {
	height:10px;
}

.lining {
	height:2px;
	width:70%;
	margin:0px 0px 3px 0px;
	border-bottom:1px solid #999999;
	padding-top:0px;
}
.smallBoxProject {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:263px;
	margin-left:1px;
	height:100px;
	text-align:center;
	background-color:#FFFFFF;
}
.smallBoxProjectMulti {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:263px;
	margin-left:1px;
	text-align:center;
	background-color:#FFFFFF;
}
.smallBoxProjectMulti tr {
	height:80px;
}
.smallBoxColor {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:263px;
	margin-left:1px;
	height:30px;
	text-align:left;
	background-color:#FFFFFF;
}
.tabbed_images {
	list-style:none;
	margin-left:5px;
	padding:0;
	clear:both;
}
.tabbed_images li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.tabbed_images li a {
	border:none;
	display:block;
	float:left;
	margin-right:10px;
}
.tabbed_images li a.active, .tabbed_images li a:hover {
	border:none;
}
.tabbed_images li a img {
	border:none;
	padding:0px;
	margin:0;
	margin-bottom:0px;
}
#image_1, #image_2, #image_3, #image_4, #image_5 {
	margin-top:0px;
	padding:0px;
	border:none;
}
.small {
	font-size:9px;
	font-style:italic;
	color:#999999;
	text-align:center;
	margin-bottom:20px;
}
/* for color */

.sliderwrapper {
	height:364px;
	overflow:hidden;
	width:485px;
	position:relative;
	border:1px solid #000033;
}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: white;
	width: 485px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 364px;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pagination {
	background-color:navy;
	text-align:right;
	width:485px;
}
.pagination a {
	background:white none repeat scroll 0 0;
	color:#00007D;
	text-decoration:none;
}
.pagination a:hover, .pagination a.selected {
	background-color:#FEE496;
	color:#000000;
}
/* end color */

#paginate-slider3 {
	background-color: transparent;
	border-color:#000033;
	margin-left:0px;
	margin-top:20px;
}
#paginate-slider3 img {
	width: 100px;
	height: 50px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	padding:5px;
}
#paginate-slider4 {
	background-color: transparent;
	border-color:#000033;
	margin-left:0px;
	margin-top:20px;
}
#paginate-slider4 img {
	width: 150px;
	height: 160px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	padding:5px;
}
#paginate-slider4 a img {
	width: 150px;
	height: 160px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	padding:5px;
}
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img {
	border: 1px solid #000033;
}