BODY{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555758; background:#ffffff; text-align:center;}

UL{ list-style-type:none;}
.clear{ clear:both;}
A{ outline:none; text-decoration:none; background:transparent; color:#757574;}
hr { background: #ccc; height: 1px; border: none; margin-top: 25px; }

.left {float:left !important;}
.right {float:right !important;}
.top0 {margin-top:0px !important;}
.bot0 {margin-bottom:0px !important;}

#mainWrapper {margin:0px auto; width:100%; float:left; background: #E6E6E6;}
#wrapper{ margin:0px auto; width:962px; text-align:left;}

#header {margin-top:12px;}
#logo {float:left; margin:0 0 10px 5px}

#baner{ float: left; margin:0px}
#main {float:left; width:701px; margin-top:25px;}
#main .margin {padding:0px 40px 0px 0px;}

#main .prod{ border:1px solid #ccc; padding:5px 0px 10px 0px; margin:15px 0px 15px 0px; background:#fff; box-shadow: 0px 0px 20px #bbb;}
#main .prod p{ padding:5px 10px 5px 10px}

#main .prod h1{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight:normal; font-size:18px; border-bottom:1px dotted #2A6EBB;}
#main .prod img{margin:10px 20px 5px 10px;}

#main .prod h2{margin:10px 0px 10px 10px; padding:0px 15px 0px 0px; color:#2A6EBB; font-weight:normal; font-size:22px; border-bottom:1px dotted #2A6EBB;}
#main .prod h3{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#ae1c1c; font-weight: 600; font-size:18px; }
#main .prod h4{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color: #4D4D4D; font-weight:200; font-size:18px; text-decoration:underline }
#main .prod h5{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight: 200; font-size:22px; text-decoration:underline; text-align:center }
#main .prod h6{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#202171; font-weight: 300; font-size:22px; }
.prod .cont{width:200px; float:right; position: relative}


#main .prod2 p{ padding:5px 10px 5px 10px}

#main .prod2 h1{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight:normal; font-size:18px; border-bottom:1px dotted #2A6EBB;}
#main .prod2 img{margin:10px 20px 5px 10px;}

#main .prod2 h2{margin:10px 0px 10px 10px; padding:0px 15px 0px 0px; color:#2A6EBB; font-weight:normal; font-size:22px; border-bottom:1px dotted #2A6EBB;}
#main .prod2 h3{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#ae1c1c; font-weight: 600; font-size:18px; }
#main .prod2 h4{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color: #4D4D4D; font-weight:200; font-size:18px; text-decoration:underline }
#main .prod2 h5{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight: 200; font-size:22px; text-decoration:underline; text-align:center }
#main .prod2 h6{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#202171; font-weight: 300; font-size:18px; }
.prod2 .cont{width:200px; float:right; position: relative}



#main .prod1{ border:1px solid #ccc; padding:5px 0px 10px 0px; margin:15px 0px 15px 0px; background: url(../images/background.png) no-repeat; background-position:center; box-shadow: 0px 0px 20px #bbb;}
#main .prod1 p{ padding:5px 10px 5px 10px}

#main .prod1 h1{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight:normal; font-size:18px; border-bottom:1px dotted #2A6EBB;}

#main .prod1 h2{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#2A6EBB; font-weight:normal; font-size:18px; border-bottom:1px dotted #2A6EBB;}
#main .prod1 h3{margin:10px 0px 10px 10px; padding:0px 15px 3px 0px; color:#ae1c1c; font-weight: 600; font-size:18px; }



#main .prod ul.cont_inner{ margin:0 0 0 15px; padding:0px; list-style:none; }
#main .prod ul.cont_inner li{ list-style:none; padding:3px 0px 3px 25px; background: url(../images/icon_bullethover.png) no-repeat 10px 8px; color:#3f4040;  line-height:15px; text-align:left; }
#main .prod ul.cont_inner li a{ color: #333333; text-decoration:none}

#toplinks {float:right; margin-top:59px;}
#toplinks UL {margin:0px; padding:0px;}
#toplinks UL LI {float:left; font-size:90%; font-weight:bold;}
#toplinks UL LI A {color:#b4b5b8; text-decoration:none;}
#toplinks UL LI A:hover, #toplinks UL LI A.active {color:#f34038;}
#toplinks UL LI SPAN {color:#f34038; margin:0px 11px;}

#footer {background:url(../images/footer_bg.jpg) left top repeat-x; text-align:left; margin-bottom:0px;}
#footer .margin {margin:0px auto; width:962px; padding-top:32px;}
#footer P {font-size:90%; color:#757a7f;}
#footer A {color:#555758; text-decoration:underline;}
#footer SPAN {margin:0px 15px; color:#29353b;}
#footer A.designed {color:#2A6EBB; text-decoration:none; font-weight:bold;}
#footer A.designed:hover {text-decoration:underline;}

#footer UL.products {border-bottom:1px solid #b7bcc0; margin:0px; padding:0px 0px 11px 0px;}
#footer UL.products LI {float:left; margin:0px 21px 0px 0px; font-size:90%; line-height:25px;}
#footer UL.products LI A {font-weight:bold; color:#7b8289; text-decoration:none;}
#footer UL.products LI A:hover {color:#EC3E47;}
#footer UL.products LI.pipes {background:url(../images/li_pipes_pic.jpg) left top no-repeat; padding-left:21px;}
#footer UL.products LI.fittings {background:url(../images/li_fittings_pic.jpg) left top no-repeat; padding-left:37px;}
#footer UL.products LI.flanges {background:url(../images/li_flanges_pic.jpg) left top no-repeat; padding-left:42px;}
#footer UL.products LI.branch {background:url(../images/li_branch_pic.jpg) left top no-repeat; padding-left:37px;}
#footer UL.products LI.custom {background:url(../images/li_custom.jpg) left top no-repeat; padding-left:42px;}




#contact_form { padding: 10px 0 10px 15px; width: 400px; }

#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 270px; color: #333; padding: 6px; border: 1px solid #ccc;  background: #fff; margin-bottom:10px}
#contact_form form label { display: block; width: 200px; margin-right: 10px; font-size: 13px; color: #000; padding-bottom:5px }

#contact_form form textarea { 
	width: 388px; 
	height: 100px; 
	padding: 5px; 
	color: #333; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;  
	background: #fff; 
}

#contact_form form .submit_btn { 
	margin: 5px 0px; 
	padding: 5px 14px; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	border: 1px solid #CCC; 
	background: #fff; 
}

.green-border {
    border: 5px solid #202056;
    display: block;
    line-height: 0;
	margin-top:20px
	}
	
	
	
/*-----------------------------------------------------------------------------------*/
/* Tabs */
/*-----------------------------------------------------------------------------------*/
.tabs-dark {
  background-color: #3F3647;
  position: relative;
}
.tabs-dark .nav-tabs {
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0;
  border: none;
}
.tabs-dark .nav-tabs > li a {
  border-radius: 0;
  border: none;
  padding: 18px 30px;
  color: #FFFFFF;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  outline: none;
}
.tabs-dark .tab-content {
  padding: 25px;
  color: rgba(255, 255, 255, 0.7);
}
.tabs-dark .tab-content h3 {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}
.tabs-dark .nav-tabs > li.active > a,
.tabs-dark .nav-tabs > li.active > a:hover,
.tabs-dark .nav-tabs > li.active > a:focus {
  -moz-border-colors: none;
  background-color: #3F3647 !important;
  border: none;
  color: #FFFFFF;
  cursor: default;
}
.tabs-dark .nav > li > a:hover,
.tabs-dark .nav > li > a:focus {
  background-color: transparent;
  text-decoration: none;
  border: none;
  border-width: 1px !important;
}
.tabs {
  border-radius: 4px;
  margin:20px 10px 35px 10px;
  
  
}
.tabs .nav-tabs {
  margin: 0;
  font-size: 0;
  border-bottom-color: #EEE;
  
}
.tabs .nav-tabs li {
  display: inline-block;
  float: none;
  
}
.tabs .nav-tabs li a {
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  margin-right: 1px;
}
.tabs .nav-tabs li:last-child a {
  margin-right: 0;
}
.tabs .nav-tabs li a,
.tabs .nav-tabs li a:hover {
  background: #F4F4F4;
  border-bottom: none;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-top: 3px solid #EEE;
  color: #555555;
}
.tabs .nav-tabs li a:hover {
  border-bottom-color: transparent;
  border-top: 3px solid #CCC;
  box-shadow: none;
}
.tabs .nav-tabs li a:active,
.tabs .nav-tabs li a:focus {
  border-bottom: 0;
  
}
.tabs .nav-tabs li.active a,
.tabs .nav-tabs li.active a:hover,
.tabs .nav-tabs li.active a:focus {
  background: #FFF;
  border-left-color: #EEE;
  border-right-color: #EEE;
  border-top: 3px solid #2A6EBB;
  color: #333333;
  outline: none;

  }
.tabs .tab-content {
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  background-color: #FFF;
  border: 1px solid #EEE;
  border-top: 0;
  padding: 15px;
}
.tabs.alternative .nav-tabs li.active a,
.tabs.alternative .nav-tabs li.active a:hover,
.tabs.alternative .nav-tabs li.active a:focus {
  background: #c97e69;
  color: #ffffff;
}
.nav-pills > li > a {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.08);
  margin: 0 0 10px 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #FFFFFF;
  background-color: #c97e69;
  outline: none;
}
.nav-pills > li.active > a [class^="fa-"]:before,
.nav-pills > li.active > a [class*=" fa-"]:before {
  color: #FFFFFF;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #ebebeb #ebebeb #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 5px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 5px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: transparent;
  background-color: #bc5e43;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;

}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ebebeb;
}
.nav > li.disabled > a {
  color: #b3b3b3;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #b3b3b3;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ebebeb;
  border-color: #c97e69;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}