* {margin:0; padding:0}
a {text-decoration:none; color:#4d4d4d;}
a:hover {text-decoration:underline; color:#4d4d4d; }
.clear { clear:both;}
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2f3f8e; font-size:16px; font-weight:bold; padding:10px; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2f3f8e; font-size:14px; font-weight:bold; padding-right:20px;}
h2 a {color:#ff0000; text-decoration:none;}
h2 a:hover {color:#ff0000; text-decoration:underline;}
h2 a.active {color:#ff0000; text-decoration:underline;}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2f3f8e; font-size:12px; font-weight:bold; padding:10px 0 0 10px; }


label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; padding:0px;}
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:20px; color:#4d4d4d; padding:5px 10px;}
p.readmore a { float:right; color:#FF0000; text-decoration:none;}
ul.cont {list-style-image:url(../images/list_tick.jpg); list-style-position:inside; margin:10px 30px; color:#4d4d4d;}
ul.cont li { padding:5px 0px;}
body {background:url(../images/bg.jpg) top center no-repeat #bfd0e4;}

#container {width:980px; margin:0 auto; padding:0;}
#header {height:100px; }
#header .logo {background:url(../images/logo.jpg) left center no-repeat; width:180px; height:100px; float:left;}

.menu ul { background:url(menu_bg.jpg) no-repeat center; list-style:none; padding:0; margin:0 auto; float:right; list-style:none; height:100px; width:786px;}
.menu ul li{ list-style:none; float:left; color:#fff; display:block; font-size:12px;}
.menu li a {
	color:#fff;
	display:block;
	font-weight:bold;
	line-height:27px;
	font-size:13px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:11px 3px;
	margin-top:5px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a {
	background:#477ed8;
	color:#FFFFFF;
	text-decoration:none;
}
.menu li a.active {
	background:#477ed8;
	color:#FFFFFF;
	text-decoration:none;
}
.menu li a:focus {
	outline:none;
}
.menu li ul {
	background: inherit;
	display:none;
	height:auto;
	padding:0px;
	margin-top:55px;
	border:none;
	position:absolute;
	width:150px;
	z-index:200;/*top:1em;
    /*left:0;*/
}
.menu li:hover ul {
	display:block;
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
}
.menu li:hover li a {
	background:#fff;
	color:#477ed8;
	margin-top:1px;
	width:150px;
}
.menu li ul a {
	display:block;
	font-size:13px;
	font-style:normal;
	margin:0px;
	font-family:"Trebuchet MS";
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a {
	border:0;
	background:#477ed8;
	color:#fff;
	text-decoration:none;
	width:150px;
}



#banner {background:url(../images/banner.jpg) no-repeat center; height:200px; margin-bottom:20px;}

#main{ margin:0px auto 20px;}
#main .box{ width:237px; height:250px; float:left; margin-right:10px; background:#e5ecf4;}
#main .box_last {width:237px; height:250px; margin:0px; float:right; background:#e5ecf4;}
.box .profile {background:url(../images/profile.jpg) no-repeat; width:217px; height:101px; margin:5px auto;}
.box .product {background:url(../images/products.jpg) no-repeat; width:217px; height:101px; margin:0 auto;}
.box .std_code {background:url(../images/code.jpg) no-repeat; width:217px; height:101px; margin:0 auto;}
.box .quality {background:url(../images/quality.jpg) no-repeat; width:217px; height:101px; margin:0 auto;}
.box_last .quality {background:url(../images/quality.jpg) no-repeat; width:217px; height:101px; margin:0 auto;}

#aboutus {margin:0px auto 20px; }
#aboutus .left{ width:720px; height:770px; float:left; margin-right:10px; background:#e5ecf4;}
#aboutus .right {float:right; width:237px; margin-left:10px;}
#aboutus .right .box{ width:237px; height:250px; background:#e5ecf4; margin-bottom:10px;}

#quality {margin:0px auto;}
#quality .left{ width:720px; min-height:250px; 	float:left; margin-right:10px; background:#e5ecf4;}
#quality .right {float:right; width:237px; margin-left:10px;}
#quality .right .box{ width:237px; height:250px; background:#e5ecf4; margin-bottom:10px;}

#code{ width:960px; background:#e5ecf4; padding:10px;}
table {margin:0 auto}


#products {margin:0px auto 20px; }
#products .left{ width:720px; float:left; margin-right:10px; background:#e5ecf4; padding-bottom:10px; min-height:760px;}
#products .left .fitting .Pro_cont{ float:left; width:720px;}
#products .left .items {float:right; margin-top:-20px;}
#products .left ol {list-style-position:inside; margin-left:20px; color:#4d4d4d; padding-top:10px;}
#products p.BW-Fittings {background:url(../images/BW-Fittings.jpg) no-repeat; width:379px; height:220px; margin:0 auto;}

#products .Pro_cont{ float:left; width:570px;}
#products .prod_img {float:right; widows:130px;}
.prod_img P.flanges {background:url(../images/prod_img.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges1 {background:url(../images/prod_img1.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges2 {background:url(../images/prod_img2.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges3 {background:url(../images/prod_img3.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges4 {background:url(../images/prod_img4.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges5 {background:url(../images/prod_img5.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges6 {background:url(../images/prod_img6.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}
.prod_img P.flanges7 {background:url(../images/prod_img7.jpg) center no-repeat; float:right; width:130px; height:105px; margin:0px;}

#products .right {float:right; width:237px; background:#e5ecf4;  margin-left:10px;}
#products .right .box{ width:237px; height:250px; background:#e5ecf4; margin-bottom:10px;}

#feedback {width:960px; float:left; background:#e5ecf4; padding:10px;}
#feedback .profile { height:800px; width:960px; border:#bdbde1 solid 2px; border-top-width:5px; border-radius:10px; padding:20px; margin-bottom:20px;}
.form {width:900px; margin:0 auto; border-bottom: 1px solid #e5e5e5; padding-bottom:20px;}
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 10px; border: 0; border-bottom: 1px solid #bfd0e4; }
.control-group { width:850px; margin: 20px auto; display:block;}
.control-label {width:30%; float:left;}
.controls span, .red { color:#FF0000; padding:0 10px;}
.controls {float:left; width:70%}
input, textarea { width:250px; vertical-align:middle; padding:5px; border-radius: 6px; border:1px solid #CCCCCC; resize:verticle; margin-bottom:10px; resize:vertical;}
input.C_code, .A_code {width:30px; margin-right:5px;}
input.Fax, .Telephone { width:150px;}
p.input_desc {margin:0 auto 10px;}
option {height:20px;}
.btn-success {background-color:#4958a4; padding:10px 15px; border-radius:8px; color:#FFFFFF; border:0px; font-weight:bold; margin-top:10px;}
.btn-success:hover{background-color:#191960; cursor:pointer;} 

#contact {width:960px; float:left; background:#e5ecf4; padding:10px;}
#contact p {margin-left:20px; margin-top:10px;}
#contact ul { margin-top:20px; margin-left:60px;}
#contact ul li {list-style:none; padding-top:20px;}
#contact ul li a {text-decoration:none; color:#4d4d4d; padding:0; float:none}
#contact ul li a:hover {text-decoration:underline; color:#4d4d4d; padding:0; float:none }
#contact img{margin-top:-130px; margin-left:10px;} 
#contact .cont_img {float:right; background:url(../images/contact.jpg); width:240px; height:260px; margin-top:-250px;}


#footer {background:#e5ecf4; width:100%; height:70px; margin-top:10px;}
#footer .left p {float:left; width:60%; font-size:10px; line-height:normal; margin-top:15px;}
#footer .right p{ float:right; width:40% font-size:10px; margin-top:15px;}
#footer .right p a span {color:#000000;}