﻿body {
		margin:0 0 0 0; padding:0 0 0 0;
		color: #414141;
		line-height: 1.3em;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13px;
		/*background: url("imgpcg/main_bg.jpg") repeat left top;*/
		background: url("images/bg_main.jpg") repeat left top;
		
}

html, .main {
	padding:0;
	margin:0;
}

.main {
	
	background:url("images/head_bg.gif") repeat-x ;
	/*background:url("imgpcg/header_bg.gif") repeat-x ;*/
}

.container {width:970px; margin:auto;}

.boxleft {width:228px; margin-top:55px; margin-right:25px; float:left; overflow:hidden; height:auto;}


.boxright {width:717px; margin-top:55px; float:left; overflow:hidden; height:400px;}
.boxright .topmenu {width:717px; height:55px; background:url("imgpcg/menu_bg.gif");}
.boxright .topmenu .menu-bar {width:631px; height:55px; margin-left:25px;}
.boxright .info { width:657px; background-color:#FFFFFF; padding:30px; height:auto;}
.boxright .info .info1 {width:209px; float: left; overflow:hidden;}
.boxright .info .info3 {width:209px; float: left; overflow:hidden;}
.boxright .info .info2 {width:209px; float: left; overflow:hidden; margin:0 15px;}

.boxright .info .info4 {width:200px; background-color:#FFFFFF; text-align:justify; float:left }
.boxright .info .img_right {width:209px; background-color:#FFFFFF; }
/* Index */
.home-product{width:200; height:240px; b0ckground-color:#FFFFFF; color:#FFFFFF; float:left; border:1px solid #9a9a9a; }
.home-product-right{width:200; height:240px; background-color:#FFFFFF; color:#FFFFFF; float:right; border:1px solid #9a9a9a; }
/* About us*/
.new_contain{width:717px; background-color:#FFFFFF; height:auto;overflow:hidden}
.new_contain h1{ color:#707070; font-size:30px; text-align:left;}
.new_info{width:465px; padding:20px;background-color:#FFFFFF; text-align:justify; float:left ; }
.new_info_img{width:209px; background-color:#FFFFFF; float:right; margin-top:10px; padding:0 0 10px;}
.new_info h1{ color:#707070; font-size:30px; text-align:left;}
.color_red{ color:#fa0001;}
.color_blue{color:#5389cf;}
.txt_red{ color:#fa0001; font-size:20px;}

.new_contain{width:717px; background-color:#FFFFFF; min-height:600px; height:auto; }
/* Photo*/
.new_photo{width:198px; height:190px; background-color:#707070; color:#FFFFFF; float:left; padding:0px 10px; margin:10px; font-size:12px; font-weight:bold}
.new_photo_txt{ height:35px; color:#FFFFFF;  margin:10px 0px 0px 0px; font-size:12px; font-weight:bold}
.new_photo img{ width:198px; height:130px; margin:5px 0px 0px 0px;}
.new_contain h1{ color:#707070; padding:30px; font-size:30px; text-align:left;}
/* Gallery*/
.new_gallery{width:198px; height:150px; background-color:#707070; color:#FFFFFF; float:left; padding:0px 10px; margin:10px; font-size:12px; font-weight:bold}
.new_gallery_txt{ height:35px; color:#FFFFFF;  margin:10px 0px 0px 0px; font-size:12px; font-weight:bold}
.new_gallery img{ width:198px; height:130px; margin:10px 0px 0px 0px;}

/* products */
.new_product{width:200; height:199px; background-color:#FFFFFF; color:#FFFFFF; float:left; padding:10px 10px 10px 20px;  font-size:12px; font-weight:bold}
.product_contain h1{ color:#707070; padding:30px; font-size:30px; text-align:left;}
/*.new_product{width:198px; height:190px;  color:#000000; float:left; padding:0px 10px; margin:10px; font-size:12px; font-weight:bold;color:#000000;background-color:#e5eecc;margin:10px;padding:5px;border:1px solid #d4d4d4;background-image:linear-gradient( #ffffff , #e5eecc 100px); float:left;}*/
.new_product_txt{ height:35px; background-color:#707070; text-align:center; padding:0px; margin:0px 0px 0px 0px; font-size:17px; font-weight:bold}
.product_contain img{ width:200px; height:199px; float:left; padding:10px 10px 10px 20px;}
/* Brands */
.new_brand{width:200px; height:120px; background-color:#FFFFFF; color:#FFFFFF; float:left;  font-size:12px; font-weight:bold;  margin:10px;}
.new_brand_detail{width:200px; height:170px; background-color:#FFFFFF; color:#FFFFFF; float:left; padding:5px 5px 5px 5px;  font-size:12px; font-weight:bold;  margin:10px;}

/* Product Detail */
.new_prodetail {
	width:717px;
}
.new_prodetail .rightdetail {
	width:410px; float:right; margin-left:15px; min-height:600px;
}
.new_prodetail .leftdetail ul li {
	margin-left:25px;
	list-style-image:url('imgpcg/arrow-news.gif');
}

.new_prodetail .leftdetail {
	width:280px; float:left; margin-top:20px; padding:5px;
}
.new_prodetail .leftdetail img {margin-top:50px;
}
.new_prodetail .leftdetail ul li {
	margin-left:25px;
	list-style-image:url('imgpcg/arrow-news.gif');
}
.new_prodetail_name {
	margin-top:20px;
	font-size:14px;
	padding-bottom:5px;
	color:#000;
	color:#01589d;
	text-shadow: 1px 1px 1px #849bae;
}
.more-detail {
	margin-top:30px;
	font-size:20px;
	padding-bottom:5px;
    color:#FF0000;
	text-shadow: 1px 1px 1px #ae8484;
}
/*
.more-detail a{ text-decoration:none;}
moew-detail a:hover{
	margin-top:20px;
	font-size:20px;
	padding-bottom:5px;
    color:#FF0000;
	text-shadow: 2px 2px 2px #849bae;

}
.moew-detail a.current{
	margin-top:20px;
	font-size:20px;
	padding-bottom:5px;
    color:#FF0000;
	text-shadow: 2px 2px 2px #849bae;

}
 */

.boxlink {
 margin:auto;
}
.boxlink 
a {
	display: block;
	width: 104px;
	height: 32px;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	float: left;
	margin: 20px 50px;
}

/* Individual Styles - Copy and paste just the required styles */

/* Button Style 13 */

/* Button Style 13 */

/*Normal*/
.ml-button-13 {
	background-color: #d4393c;
	border: 1px solid #951119;
	-moz-box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	background-image: -o-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	color: #A7000F;
	text-shadow: rgba(254,252,252,0.5) 0px 1px 0px;
}

/*Hover*/
.ml-button-13:hover {
	background-color: #F07D81;
	background-image: -o-linear-gradient(90deg , rgb(216,90,93) 0%, rgb(243,167,169) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(216,90,93) 0%, rgb(243,167,169) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(216,90,93) 0%, rgb(243,167,169) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(216,90,93) 0%, rgb(243,167,169) 100%);
	background-image: linear-gradient(90deg , rgb(216,90,93) 0%, rgb(243,167,169) 100%);
}

/*Active*/
.ml-button-13:active {
	background-color: #C4262E;
	-moz-box-shadow:inset 0px 0px 5px rgba(167,32,35,1);
	-webkit-box-shadow:inset 0px 0px 5px rgba(167,32,35,1);
	box-shadow:inset 0px 0px 5px rgba(167,32,35,1);
	background-image: -o-linear-gradient(90deg , rgb(243,146,147) 0%, rgb(208,69,72) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(243,146,147) 0%, rgb(208,69,72) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(243,146,147) 0%, rgb(208,69,72) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(243,146,147) 0%, rgb(208,69,72) 100%);
	background-image: linear-gradient(90deg , rgb(243,146,147) 0%, rgb(208,69,72) 100%);
	text-shadow: none;
}


/*.boxright .info-bottom { width:657px; background:url("imgpcg/header_bg.gif"); padding:30px 30px 5px 30px; height: auto;}*/
.boxright .info-bottom { width:657px; background:url("images/head_bg.gif"); padding:30px 30px 5px 30px; height: auto;}

.boxright .info-bottom .info-b1 {width:371px; float: left; overflow:hidden; margin-right:25px;}
.boxright .info-bottom .info-b2 {width:260px; float: left; overflow:hidden;}

.boxright .b-menu { float:left; width:70px; text-align:center; font-size:13px; border-right:1px #808080 solid;}
.boxright .b-menu a{color:gray;}
.boxright .b-menu a:hover {color:#FFFFFF;}



/*.flash {width:717px; height:397px; background-color:gray;}*/
.flash {width:717px; height:391px; background-color:#fff;}

/* Main menu */
ul#menu {margin: 0; padding: 0;}
ul#menu li {display: inline;}
ul#menu li a {float: left; width:90px; height:0; padding-top:0px;  overflow: hidden;}
/*ul#menu li a {background:url("images/mainmemu.png") no-repeat left top;}

ul#menu li#home a {background-position: 0 0;}
ul#menu li#products a {background-position: -90px 0;}
ul#menu li#projects a {background-position: -180px 0;}
ul#menu li#partners a {background-position: -270px 0;}
ul#menu li#aboutus a {background-position: -360px 0;}
ul#menu li#contactus a {background-position: -450px 0;}
ul#menu li#careers a {background-position: -540px 0;}

ul#menu li#home a.current {background-position: 0 -65px;}
ul#menu li#products a.current {background-position: -90px -65px;}
ul#menu li#projects a.current {background-position: -180px -65px;}
ul#menu li#partners a.current {background-position: -270px -65px;}
ul#menu li#aboutus a.current {background-position: -360px -65px;}
ul#menu li#contactus a.current {background-position: -450px -65px;}
ul#menu li#careers a.current {background-position: -540px -65px;}

ul#menu li#home a:hover {background-position: 0 -130px;}
ul#menu li#products a:hover {background-position: -90px -130px;}
ul#menu li#projects a:hover {background-position: -180px -130px;}
ul#menu li#partners a:hover {background-position: -270px -130px;}
ul#menu li#aboutus a:hover {background-position: -360px -130px;}
ul#menu li#contactus a:hover {background-position: -450px -130px;}
ul#menu li#careers a:hover {background-position: -540px -130px;}
*/

/* product range 
.cssmenu {width: 228px; padding:0px;}	
.cssmenu ul{margin:0px;	padding:0px; list-style:none;}	
.cssmenu li a {height: 32px; height: 24px; text-decoration: none; font-weight:normal; 
							 color: #FFFFFF; display: block; background: url("imgpcg/box-menu.gif"); 	
							 padding: 8px 0 0 30px;}		
.cssmenu li a:hover {color: #fff; background: url("imgpcg/box-menu.gif") 0 -32px;	padding: 8px 0 0 30px;}
.cssmenu li a.current {color: #fff; background: url("imgpcg/box-menu.gif") 0 -64px; padding: 8px 0 0 30px;}	
*/
.cssmenu .head {height:50px;background: url("images/BAR MENU_SIDE.png");}	
.cssmenu {width: 225px; padding:0px;}	
.cssmenu ul{margin:0px;	padding:0px; list-style:none;}	
.cssmenu li a {height: 32px; height: 24px; text-decoration: none; font-weight:normal; 
							 color: #FFFFFF; display: block; background-color:#ff9a1e;	
							 padding: 8px 0 0 10px;}		
.cssmenu li a:hover {color: #fff; background-color:#fcc47e;}
.cssmenu li a.current {color: #fff; background-color:#fcc47e;}	
.cssmenu .tailing{ height:40px;}

/* Latest News */
.cssnews {width: 225px; padding:0px; margin-top:30px;}	
.cssnews ul{margin:0px;	padding:0px; list-style:none;}	
.cssnews li a {height:101px; height:71px; text-decoration: none;  
							 color: #666666; display: block; background: url("imgpcg/box-news.gif"); 	
							 padding: 15px 18px;}		
.cssnews li a:hover {color: gray; background-color:#e42e2f;background: url("imgpcg/box-news.gif") 0 -101px; padding: 15px 18px;}
.cssnews li a img {border:0px; float:left; margin-right:10px;}	
.cssnews li a span {color: #bf292a; font-weight:bold; font-size:14px; font-style:italic;}
.cssnews .allnews {background: url(imgpcg/box-bottomnews.gif); height:39px; color: black;
									padding:15px 18px 0 18px;}





/* Latest News2 */
.new2 { 
		margin-top:20px;
		background: url("imgpcg/bg-body.jpg");
		width: 226px;
		border-right: 1px dashed #6a6a6a;
		border-left: 1px dashed #6a6a6a;
		height: 60px;
}
.new2 .news2-header
{
	color: White;
	height: 20px;
	font-weight: bold;
	font-size: 20px;
	padding:20px 0px 0px 48px;
}
/* */
.new2 .news2-header a
{
	color: White;
	height: 20px;
	font-weight: bold;
	font-size: 20px;
	text-decoration:none;
}
/* */

.new2 .section-new2 {
	width:226px;
	height: 70px;
	border-bottom: 1px dashed #6a6a6a;
	margin-top:10px;
}
.new2 .section-new2 .left-new2 {
	float:left;
	width:60px;
	margin:0 12px;
}

.new2 .section-new2 .left-new2 .circle2
{
	width: 60px;
	height: 50px;
	padding-top:9px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-size: 12px;
	line-height:1em;
	color: #811919;
	font-weight: bold;
	background: url("imgpcg/bg-news1.png");
}
.new2 .section-new2 .left-new2 .circle3
{
	width: 60px;
	height: 50px;
	padding-top:9px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-size: 12px;
	line-height:1em;
	color: #2E5E6C;
	font-weight: bold;
	background: url("imgpcg/bg-news2.png");
}
.new2 .section-new2 .left-new2 .circle4
{
	width: 60px;
	height: 50px;
	padding-top:9px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-size: 12px;
	line-height:1em;
	color: #956537;	
	font-weight: bold;
	background: url("imgpcg/bg-news3.png");
}


.new2 .section-new2 .right-new2 {
	float:left;
	width:142px;

}

.new2 .section-new2 .right-new2 .news-detail
{
	position: absolute;
	z-index: 999;
	font-size: 11px;
	overflow: hidden;
	color:#B1B1B1;
	width:134px;
}
.new2 .section-new2 .right-new2 .newstopis2 {
	padding-top:15px;	
	
}
.new2 .section-new2 .right-new2 .newstopis2 a
{
	font-weight:bold;
	color: White;
	font-size: 12px;
	 
}
.new2 .section-new2 .right-new2 .newstopis2 a:hover
{
	font-weight:bold;
	text-decoration: underline;
	color:White;
}



.clear-all {clear:both;}



.prdrang-topics {
	margin-top:20px;
	font-size:16px;
	padding-bottom:5px;
	color:#000;
	color:#01589d;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}

.prdrang-topics .back1 a{
	 float:right;  width:58px;
	 font-size:12px; padding-left:3px;
	 margin-top:10px;
		color:#000;
		color:#01589d;
		text-shadow: 1px 1px 1px #99BCB4;
	 background-image:url('imgpcg/back.png');
	}

.prdrang-topics .back1 a:hover {
	 float:right;  width:58px;
	 font-size:12px; padding-left:3px;
	 margin-top:10px;
		color:#000;
		color:#bd1414;
		text-shadow: 1px 1px 1px #99BCB4;
	 background-image:url('imgpcg/back-b1.png');
	}



.prdrang-power {
	margin-top:20px;
	font-size:14px;
	padding-bottom:5px;
	color:#000;
	color:#01589d;
	text-shadow: 1px 1px 1px #849bae;
}


/* Ball Valve */
.prdrang-ball {margin-top:20px; font-size:16px; padding-bottom:5px; color:#000; color:#1f8b04; border-bottom:2px solid #73b264; text-shadow: 1px 1px 1px #2da90f;}

.prdrang-ball2 {
	margin-top:20px;
	font-size:14px;
	padding-bottom:5px;
	color:#000;
	color:#1f8b04;
	text-shadow: 1px 1px 1px #2da90f;
}



/* Cable Glands  */
.prdrang-cablegland {margin-top:20px; font-size:16px; padding-bottom:5px; color:#000; color:#b71f1b; border-bottom:2px solid #c98c8c; text-shadow: 1px 1px 1px #d58b89;}

/*      */
.careers-bar {
	width:645px;
	padding:3px 0 3px 15px;
	background: #0066CC;
	margin:20px 0 10px 0;
	color: white;
	font-weight: bold;
	font-size:12px;
}
.prodetail .career-detail {
	width:645px; float:left; margin-right:15px; 
}
.prodetail .career-detail ul li {
	margin-left:25px;
	list-style-image:url('imgpcg/arrow-news.gif');
}





/* Cable Glands bar */
.cb {width:640px; font-size:12px; padding-left:15px;}
.cb img {border:1px #cfcdce solid; margin-bottom:5px;}
.line {padding:4px; border-bottom: 1px #ccc8c8 dashed; width:630px;}
.cb-bar {
	width:645px;
	padding:3px 0 3px 15px;
	background:#eec3c3;
	margin:20px 0 10px 0;
	color:#a52727;
	font-weight: bold;
	font-size:12px;
}
.cb-subtopics {
	color:#a52727;
	font-weight: bold;
	font-size:12px;
	padding:0 0 5px 15px;
}
.prdrang-cb {
	margin-top:20px;
	font-size:14px;
	padding-bottom:5px;
	color:#000;
	color:#b71f1b;
	text-shadow: 1px 1px 1px #d58b89;
}

.prdrang-cb a {
	font-size:14px;
	color:#000;
	color:#b71f1b;
	text-shadow: 1px 1px 1px #d58b89;
	text-decoration:underline;
}
.prdrang-cb a:hover {
	font-size:14px;
	color:#000;
	color: #FF6600;
	text-shadow: 1px 1px 1px #d58b89;
	text-decoration:underline;
}







.prdrang-jbtopics {margin-top:20px; font-size:16px; padding-bottom:5px; color:#000; color:#b7268e; border-bottom:2px solid #bf9db5; text-shadow: 1px 1px 1px #c3b4bf;}
.back1 a{float:right;  width:58px; font-size:12px; padding-left:3px;
	 margin-top:10px; color:#000; color:#b7268e; text-shadow: 1px 1px 1px #c3b4bf;
	 background-image:url('imgpcg/back.png');}

.back1 a:hover {
	 float:right;  width:58px;
	 font-size:12px; padding-left:3px;
	 margin-top:10px;
		color:#000;
		color:#bd1414;
		text-shadow: 1px 1px 1px #99BCB4;
	 background-image:url('imgpcg/back-b1.png');
	}

.prdrang-jb {
	margin-top:20px;
	font-size:14px;
	padding-bottom:5px;
	color:#000;
	color:#b7268e;
	text-shadow: 1px 1px 1px #c3b4bf;
}


/* product detail */
.prodetail {
	width:657px;
}
.prodetail .leftdetail {
	width:362px; float:left; margin-right:15px; 
}
.prodetail .leftdetail ul li {
	margin-left:25px;
	list-style-image:url('imgpcg/arrow-news.gif');
}

.prodetail .rightdetail {
	width:280px; float:left; 
}

.prodetail .rightdetail ul li {
	margin-left:25px;
	list-style-image:url('imgpcg/arrow-news.gif');
}


/* JB product bar */
.jb {width:657px; text-align:center; font-weight:bold; font-size:11px;}
.jb img {border:1px #cfcdce solid; margin-bottom:5px;}

.jb-bar {
	width:657px;
	padding:3px 0 3px 15px;
	background:#dcd1d8;
	margin:20px 0 10px 0;
	color:#7f4f70;
	font-weight: bold;
	font-size:12px;
}





/* From */
.wrapper {
	width:100%;
	overflow:hidden;
}

#contacts-form {
	clear:right;
	width:100%;
	overflow:hidden;
}
#contacts-form fieldset {
	border:none;
	float:left;
}
#contacts-form .field {
	clear:both;
}
#contacts-form label {
	float:left;
	width:123px;
	line-height:18px;
	padding-bottom:6px;
	font-weight:bold;
}
#contacts-form input {
	width:265px;
	padding:1px 0 1px 3px;
	background:none;
	border:1px solid  #C0C0C0;
	color:#616161;
	float:left;
}
#contacts-form textarea {
	width:470px;
	height:325px;
	padding:1px 0 1px 3px;
	background:none;
	border:1px solid #C0C0C0;
	color:#616161;
	margin-bottom:12px;
	overflow:auto;
	float:left;
}
#contacts-form .button {
	background:url(imgpcg/send-button.gif) no-repeat 0 0;
	width:160px;
	line-height:34px;
	float:right;
}

#contacts-form .button a {
	 color:white; text-decoration:none;
}
.txt_1{
	font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bold;
	}
.txt_title{
	font-family:Tahoma, Geneva, sans-serif;
		font-size: 24px;
		font-weight:bold;
	}

.txt_prods_h{
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	height:35px;
    color:#000; font-size:16px;
	vertical-align:middle;
	background-color:#ffa200;
	text-align: center;
	word-wrap:break-word; 
  }
input#search{
    background: url(images/submit.png) no-repeat scroll 0 0 transparent;
    background-repeat: no-repeat;
	cursor: pointer;
    width:104px;
    height:32px;
}