body{font-family:Arial;color:#fff; background:url(../images/ravenna.png) repeat;}
*{margin:0; padding:0;}
#wrapout{
	width:1024px;
	margin:0 auto;
	background:#F4F4F4;
	-webkit-box-shadow: 0px 0px 3px 1px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    		box-shadow: 0px 0px 3px 1px #999; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}
#wrapin{width:960px; margin:0 auto;-moz-box-shadow:    0 0 10px #000000;
   -webkit-box-shadow:  0 0 10px #000000;
   box-shadow:          0 0 10px #000000;}
#header{margin:0 auto;background:#6D7F73;padding:20px 0 20px 20px;position:relative;border-bottom:6px solid #231F20;}
#logo{}
#address{left: 820px;position: absolute;text-align: right;top: 20px;}
#search{left: 788px;position: absolute;top: 100px;}
#search input{height: 30px;width: 200px;border-radius:6px;background:url('../images/searchimg.png') 96% 50% no-repeat #fff;border:1px none;}
#banners{margin:0 auto;width:960px;}

/* CONTENT AREA */
/*#content{width:960px;}*/
#content{
	width:960px; 
	background:url(../images/bg-content.jpg) repeat-y; 
	float:left; 
	margin-bottom:-40px;
	position: relative;
	z-index: 100;

	-webkit-box-shadow:  0px 0px 10px -2px #000000;
			box-shadow:  0px 0px 10px -2px #000000;
	}

#contents a,
#contents img {
	border: none;
	outline: none;
}

#leftsidebar{
float: left;
padding: 20px;
width: 300px;
color:#222122;} /*margin-bottom:-40px;  min-height:500px; box-shadow:0 4px 10px -2px #000000;background: none repeat scroll 0 0 #B5BFB7;*/

#leftsidebar .sublists {
	display:block;
	text-transform:uppercase;
}

#leftsidebar .sublists li {
	list-style:none inside;
	margin-bottom:15px;
	background:url(../images/img-arrow.png) no-repeat left;
	padding-left:25px;
	line-height:25px;
}

#leftsidebar .sublists a {
	text-decoration:none;
	color:#231f20;
	font-weight:bold;
}

#leftsidebar .sublists a:hover {
	color:#334739;
}

#contents{float:right;width:61.4%;color:#242021;padding:30px 15px;} /*margin-bottom:-40px; min-height:510px;background:#fff;box-shadow:0 4px 10px -2px #000000; */
#contents p{padding-top:5px;}
#contents a,
#bottomcol a {color:#231f20;}

#contents a:hover,
#bottomcol a:hover {color:#334739;}

#col1{float:left;margin:0 20px;width:270px;}
#col2{float:left;width:270px;}
#col3{float:left;margin:20px 20px 0;width:270px;}
#col4{float:left;width:270px;margin:20px 0 0;}

/* BOTTOM COLUMN */
#bottomcol{background:#6D7F73;width:100%;padding:70px 0 20px;} /*height:210px;*/
#bottomcol1 img{margin: 0 30px 0 -10px}
#bottomcol1{float:left;margin:0 100px 0 80px;}
#bottomcol1 p{padding-left:37px;}
/*#bottomcol2{float:left;margin:0 100px 0 0;}*/
#bottomcol2{float:right;margin:0 80px 0 100px;}
#bottomcol2 p, #bottomcol2 ul {padding-left:33px;}
#bottomcol2 ul li {list-style:none; display:inline; padding:0 5px;}
#bottomcol2 img {border:none;}
#bottomcol3 img {margin: 0 30px 0 -10px}
#bottomcol3 h3 {font-size: 18px; color: #231f20; }

#bottomcol3{float:left; font-size:14px;}
#bottomcol3 ul{padding-left:37px;}
#bottomcol3 ul li {padding-bottom:15px;}
#bottomcol3 p{font-size: 16px;}

/* FOOTER */
#footer{background:#231F20;padding:10px;}
#footermenu{text-align:center;}
#footermenu a{color: #fff;text-decoration: none;padding: 0 6px;}

/* GMAP */
div#gmap{margin-left:20px;}

/* CONTACT US */
.contactfrmtxtbx {padding: 5px;
width: 284px;margin-bottom:5px;}
.labelscontact{margin-right: 10px;
width: 120px !important;}
#message{height:185px;margin-bottom: 10px;}

/* update 01-09-2013 */

.linecard {
	font-size:13px;
	margin:1.5em 0;
}

.linecard strong {
	font-size: 15px;
	text-transform: uppercase;
}

.linecard .plumbing-fixtures,
.linecard .plumbing-accessories,
.linecard .pipes,
.linecard .pipe-fitting,
.linecard .tools-dc,
.linecard .plumb-fau,
.linecard .plumb-comm,
.linecard .heat-hydro,
.linecard .plumb-valves,
.linecard .reg-gaug-con {
	float:left;
	width: 230px;
}
.linecard .plumbing-fixtures a,
.linecard .plumbing-accessories a,
.linecard .pipes a,
.linecard .pipe-fitting a,
.linecard .tools-dc a,
.linecard .plumb-fau a,
.linecard .plumb-comm a,
.linecard .heat-hydro a,
.linecard .plumb-valves a,
.linecard .reg-gaug-con a {
	font-weight:bold;
}

/* update 01-15-2013 */

.table-style1 {
	border-collapse:collapse;
	margin:1em 0;
}

.table-style1 td {
	vertical-align:top;
	padding:10px 0;
	border: 1px solid #ccc;
	font-size:14px;
	text-align:center;
}

.table-style1 td img {
	margin-top:0.5em;
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	}