@charset "UTF-8";
/* CSS Document */

/******************* IndustrialPiping.net - main.css *********************/


/***** GLOBAL SETTINGS *****/

body  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  /* background-image: url(img_no2/bkgd_main.gif);
     background-repeat: repeat-x; /*
  /* margin: 0;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  margin: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #757169;
  background-color: #f8f5ed;
  /*458fbd*/
  /*background-image: url(img/bkgd3.jpg);*/
  /*background-repeat: repeat-x;*/
  line-height: 18px;
  background-image: url(img/bk_tile.jpg);
}


/***** HEADINGS *****/

h1{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 32px;
  color: #900001;
  margin: 0px;
}

h2{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  color: #900002;
  font-weight: normal;
  line-height: 25px;
  font-style: italic;
  margin: 10px 0px 0px 0px;
}

h3{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #900003;
  font-weight: bold;
  line-height: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}



/***** COMMON FORMATTING *****/

hr {
  border: 1px solid #e3ded3;
  width: 100%;
}

.container {
  width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  /*background: #fff;*/
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  /* border: 1px solid #000000; */
  text-align: left; /* this overrides the text-align: center on the body element. */
  position: relative;
}

.devider
{
  float: left;
  width: 960px;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 15px 0px;
}

#wrapmasthead
{
  min-width: 960px;
  background-image: url(img/bk_masthead2.jpg);
  background-repeat: repeat-x;
  height: 106px;
  /*background-color: #fff;*/
  background-position: center top;
}

#wrapmasthead_sub
{
  min-width: 960px;
  background-image: url(img/bkgd_masthead_sub.jpg);
  background-repeat: no-repeat;
  height: 216px;
  /*background-color: #fff;*/
  background-position: center top;
}

#wrappromo
{
  min-width: 960px;
  background-image: url(img/bk_content.gif);  /*background-color: #ccc;*/
  background-repeat: repeat;
}

#wrapcontent
{
  min-width: 960px;
  background-image: url(img/bk_content3.jpg);  /*background-color: #ccc;*/
  background-repeat: repeat;
}

#wrapcontent_sub
{
  min-width: 960px;
  min-height: 505px;
  background-image: url(img/bk_content.gif);  /*background-color: #ccc;*/
  background-repeat: repeat;
}

#wrapfooter
{
  min-width: 960px;
  /*background-color: #f6f6f0;*/
  margin-bottom: 25px;  /* background-image: url(img/bkgd_footer.gif);
  background-repeat: repeat-x;*/
  background-image: url(img/bk_content3.jpg);
}


#logo
{  /* background: #DDDDDD; */
  float: left;
  width: 430px;
  margin: 40px 0px 0px 0px;
  border: 0px;
}

#logo_sub
{  /* background: #DDDDDD; */
  float: left;
  width: 398px;
  margin: 40px 0px 0px 40px;
  border: 0px;
}

#promo
{  /* background: #DDDDDD; */
  float: left;
  width: 960px;
  margin: 30px 0px 16px 0px;
  border: 0px;
}

#nav {
  float: right;
  /*list-style-type: none;*/
  padding: 45px 0px 0px 0px;
  margin: 0;
  width: 344px;
  height: 60px;
  /* background: url(images/menu-bg.jpg) no-repeat;*/
  position: relative;
}

#main_nav ul
{
  margin: 0;
  padding: 0;
  /*white-space: nowrap;*/
}

#main_nav li
{
  display: inline;
  /*list-style-type: none;*/ 
}

#main_nav a {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

/*  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #900;
  border-bottom:1px solid #d4b8bf;
  padding-bottom:1px;
  text-decoration: none;
*/

#main_nav a:link, #main_nav a:visited
{
  color: #524E48;
  /*background-color: #f3eee2;*/
  text-decoration: none;
  margin-left: 20px;
  /*text-shadow: 1px 1px 1px #fff;*/
}

#main_nav a:hover
{
  color: #900004;
  /*background-color: #a50537;*/
  text-decoration: none;
  padding-bottom:2px;
  border-bottom:3px solid #900;
}

#main_nav li#active   a   
{
  /*background-color: #900;*/
  text-decoration: none;
  /*color: #f8f5ed;*/
  color: #900005;
  padding-bottom:2px;
  border-bottom:3px solid #900;  /*text-shadow: 1px 1px 1px #fff;*/
}



/* Sidebar list on Products Page - Start */

#navcontainer {
  width: 263px;
  margin-top: 10px;
}

#navcontainer ul
{
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

#navcontainer a
{
  display: block;
  padding: 2px 5px 2px 10px;
  width: 250px;
  font-size: 12px;
  background-color: #fdfbf6;
  border-bottom: 1px solid #e3ded3;
}

#navcontainer a:link, #navlist a:visited
{
color: #757168;
text-decoration: none;
}

#navcontainer a:hover
{
  background-color: #F3EDE5;
  color: #757169;
}

.static_manu
{
  display: block;
  padding: 3px 3px 3px 10px;
  width: 250px;
  font-size: 12px;
  background-color: #fdfbf6;
  border-bottom: 1px solid #e3ded3;
  color: #AEAAA2;  /*background-color: #EDE9DE;
  color: red;
  font-size: 20px;*/
}

.static_manubottom
{
  display: block;
  padding: 3px 3px 3px 10px;
  width: 250px;
  font-size: 12px;
  background-color: #fdfbf6;
  /*border-bottom: 1px solid #e3ded3;*/
  color: #AEAAA2;
}

/* Sidebar list on Products Page - End */



.box_h1
{
  background: url(img/box_topmain.jpg) no-repeat top left;
  min-height: 33px;
  margin: 30px 0px 0px 0px;
  padding: 12px 20px 12px 20px;
  font-size: 26px;
  color:#900006;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.box_content
{
  width: 591px;
  min-height: 375px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #f8f5ed;
  margin: 0;
  padding: 15px 20px 10px 20px; /* border-bottom: 1px solid #98948c;*/
  line-height: 23px;
}

.box_content_sub
{
  width: 591px;
  min-height: 375px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #fdfbf6;
  margin: 0;
  padding: 15px 20px 10px 20px; /* border-bottom: 1px solid #98948c;*/
  line-height: 23px;
}

.box_contentinner
{
  width: 591px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #f8f5ed;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

.box_contentinner_sub
{
  width: 591px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #fdfbf6;
  margin: 10px 0px 15px 0px;
  padding: 0px;
}

.box_contentinner a
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #900007;
  text-decoration: none;
}

.box_content_sub a, .box_contentinner_sub a 
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #900008;
  text-decoration: none;
}

.box_contentinner a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #757170;
  border-bottom:1px solid #e3ded3;
  padding-bottom:1px;
}

.box_content_sub a:hover, .box_contentinner_sub a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #757171;
  border-bottom:1px solid #e3ded3;
  padding-bottom:1px;
}

.box_contentinner .box
{
  border-top: 1px solid #e3ded3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.box_contentinner_sub  .box
{
  border-top: 1px solid #e3ded3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
}


#content
{
  float: left; /* since this element is floated, a width must be given */
  width: 630px; /* padding keeps the content of the div away from the edges */  /*background: #e7e7e7;*/  /*border-right-width: 1px;*/  /*border-right-style: solid;*/  /*border-right-color: #FFFFFF;*/
  /*min-height: 400px;*/
  margin: 0px;  /*padding: 30px 30px 20px 30px;*/  /*background-color: #fff;*/
}

/*#content a
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #FF9933;
  text-decoration: none;
}*/

/*#content a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #718699;
  border-bottom:1px solid #FF9933;
  padding-bottom:1px;
}*/


/*#content p
{
  padding: 0px 20px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #757169;
  line-height: 23px;
}*/

.box_date
{
  background: url(img/box_topsidebar.jpg) no-repeat top left;
  min-height: 25px;
  margin: 30px 0px 0px 0px;
  padding: 12px 20px 3px 20px;
  font-size: 12px;
  color:#757167;
  font-family: Arial, Helvetica, sans-serif;
}

#box_sidebar
{
  width: 263px;
  min-height: 387px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #f8f5ed;
  margin: 0;
  padding: 20px 20px 10px 20px; /* border-bottom: 1px solid #98948c;*/
  line-height: 23px;
}

#box_sidebar_sub
{
  width: 263px;
  min-height: 845px;
  /*background: url(img/box_bottom.gif) no-repeat bottom left;*/
  background-color: #fdfbf6;
  margin: 0;
  padding: 15px 20px 10px 20px; /* border-bottom: 1px solid #98948c;*/
  line-height: 23px;
}

#sidebar
{
  width: 303px;
  /*min-height: 450px;*/
  float: right;
  margin: 0px 0px 0px 0px;  /*padding: 35px 30px 30px 30px;*/
}

#sidebar_sub
{
  width: 303px;
  /*min-height: 450px;*/
  float: right;
  margin: 0px 0px 0px 0px;  /*padding: 35px 30px 30px 30px;*/
}

#sidebar_sub_contact
{
  width: 303px;
  /*min-height: 450px;*/
  float: right;
  margin: 0px 0px 0px 0px;  /*padding: 35px 30px 30px 30px;*/
}

#sidebar p
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #757168;
  line-height: 18px;
}

#sidebar_sub p
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #757168;
  line-height: 18px;
}

#sidebar_sub_contact p
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #757168;
  line-height: 18px;
}

#sidebar a
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #f8f5ed;
  text-decoration: none;
  background-color: #900009;
  padding: 3px 7px 3px 7px;
}

#sidebar_sub_contact a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #900010;
  text-decoration: none;
}

#sidebar a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #f8f5ed;
  text-decoration: none;
  background-color: #757169;
  padding: 3px 7px 3px 7px;
}

#sidebar_sub_contact a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #757168;
  border-bottom:1px solid #e3ded3;
  padding-bottom:1px;
}

.italic
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 13px;
  color: #757168;
  line-height: 0px;
  font-style: italic;
  margin: 0px;
}

.product_type
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #900011;
  line-height: 23px;
  text-transform: none;
}

#footer
{
  float: left;
  width: 960px;
  margin: 15px 0px 20px 0px;
  padding: 0px; /* border-top: 1px solid #c2bbad;*/
}

#footer_sub
{
  float: left;
  width: 960px;
  margin: 13px 0px 20px 0px;
  padding: 0px;
  /*border-top: 1px solid #c2bbad;*/
}

#footer p
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #757166;
  line-height:18px;
}

#footer_sub p
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #757165;
  line-height:18px;
}

#footer  a
{
  font-weight: normal;
  font-size: 12px;
  color: #757164;
  text-decoration: none;
}

#footer_sub  a
{
  font-weight: normal;
  font-size: 12px;
  color: #757163;
  text-decoration: none;
}

#footer a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #900012;
  border-bottom:1px solid #d4b8bf;
  padding-bottom:1px;
  text-decoration: none;
}

#footer_sub a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #900013;
  border-bottom:1px solid #d4b8bf;
  padding-bottom:1px;
  text-decoration: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}