/*
*
*	Newport Brass Website
*	systemsevendesigns.com | JJohnson April 2007
*
*/

body{font-family:Verdana, Arial, sans-serif; font-size: 10px; background: #FBF9F8; margin: 20px 0 0 0; padding: 0; height: 100%;}

a{outline: none; text-decoration: none; color:#0079B3;}
a:hover{text-decoration: underline;}


a img{border: 0;}

.clear{height: 0; margin: 0; padding: 0; clear: both;}

#outer-wrapper{ width: 800px; margin: 0 auto; }
#inner-wrapper{background: #fff; width: 766px; border: 1px solid #c3c3c3; padding: 25px 15px 35px 15px;}

#hd{background: url(../images/header-bg.gif) repeat-x 0 30px; }

#hd h1{margin: 0; padding: 0; width: 159px; height: 30px; background: url(../images/web-logo.gif) no-repeat left top; font-size: 16px; text-indent: -9999em;}
#hd h1 a{width: 159px; height: 30px; display: block;}
#hd #search{float: right; margin: 1px 0 0 0; width: 190px; padding: 0;}


#content{clear: both; margin-top: 2px; background: url(../images/content-bg.gif) repeat-y left top; border-bottom: 1px solid #918f90;}

#home-column{width: 764px; border: 1px solid #918f90;}

.content{padding: 15px;}

#col-left, #col-right{min-height: 375px;}
#col-left{border-top: 1px solid #918f90; width: 140px; float: left;}
#col-right{ border-top: 1px solid #918f90; width: 623px; float: right;}

.sidenav{margin: 0 0 0 5px; padding: 0; width: 138px; }
.sidenav li{margin: 0; padding: 0; list-style:none; text-align: center;}
.sidenav li a{text-decoration: none; border-bottom: 1px solid #BFBFBF; text-transform: uppercase; color: #202020; width: 125px; text-align: center; display: block; padding: 8px 0; }
.sidenav li a.last{border-bottom: none;}
.sidenav li a:hover{color: #0079B3;}

.sidenav .sidesubnav{margin: 0; padding: 0; border-bottom: 1px solid #bfbfbf; width: 125px;}
	.sidenav .sidesubnav li a{ border-bottom: none;}

#one-col{border: 1px solid #918f90;}

.int-left{width: 125px; float: left; padding: 15px 0 0 10px;}
.int-right{width: 610px; float: right; padding: 5px 0 0 0;}

.int-left h2, .int-right h2{margin: 0; padding: 0;}

.int-left h2{font-size: 12px;}
.int-right h2, h2.title{font-size: 14px; color: #0079B3; padding: 0 0 8px 0; margin: 0; text-transform: uppercase;}
h2.title{margin: 0; padding: 0;}

.int-right p{margin: 0; padding: 5px 0; line-height: 18px;}

.newslist{margin: 0; padding: 0;}
.newslist dd{margin: 0 0 8px 0; padding: 0;}
.newslist p{margin: 0; padding :0;}

div.list{padding: 0 10px;}
div.rep{line-height: 20px; margin: 5px 0;}

.input{
  border: 1px solid #c3c3c3;
  border-bottom-color: #ddd;
  border-top-color: #7c7c7c;
  background: #fcfcfc;
  padding: 3px;
}

.field{
	float: left;
	width: 200px;
	margin: 10px 0;
	height: 45px;
}

#form{padding: 0 0 25px 10px;}
#form label{font-weight: bold;}

.where-left{width: 290px; float: left; text-align: right; }
.where-right{width: 332px; float: right;}

.where-search{padding: 15px;}

#map{margin: 10px 0;}

.map-left{width: 180px; float: left;}
.map-right{width: 400px; float: right;}

#ft{clear: both; border: 1px solid #878686; border-bottom-color: #c5c4c4; margin-top: 3px; padding: 0 0 0 12px; background: url(../images/footer-bg.gif) repeat-x left top;}

#showroom-find{background: url(../images/find-showroom-bg.gif) no-repeat left top; border-bottom: 1px solid #918f90; height: 100px; margin-bottom: 15px;}
#showroom-find .where-left{width: 225px; margin-left: 180px; margin-top: 25px;}
	#showroom-find .where-left *{font-size: 10px;}
#showroom-find .where-right{width: 215px; margin-top: 25px;}
	#showroom-find .where-right *{font-size: 10px;}

.seriesthumb{float: left; width: 200px; margin: 3px;}

.product{clear: both; border-bottom: 1px solid #555; width: 617px; margin: 0 auto; background: url(../images/product-bg.gif) repeat-y left top;}
.product .prod_img{float: left; width: 150px;}
.product .info{text-align: center; width: 325px; float: left; margin: 0 0 0 15px;}
.product .link{ float: right; width: 85px; padding: 10px; line-height: 20px; font-weight: bold; text-align: center; text-transform:uppercase;}
.product .link a{color: #000; text-decoration: underline;}
.product .link a:hover{text-decoration: none;}

#title-bar{background: url(../images/col-right-bg.gif) repeat-x left top; width: 621px; padding: 2px 0; font-size: 12px; text-transform:uppercase;}
	#title-bar .series{font-weight: bold; width: 135px; float: left; padding: 0 0 3px 8px;}
	#title-bar .links{width: 440px; float: right; text-align: right; padding: 0 3px 0 0; font-size: 11px;}
	#title-bar .links a{color: #0079B3; font-weight: bold;  text-decoration: none;}
	#title-bar .links a:hover{text-decoration: underline;}

td.fourgrey{border: 1px solid #ccc; border-top: none;}
td.threegreyleft{border: 1px solid #ccc; border-left: none; border-top:none;}

#seriestable td{border: 1px solid #ccc; border-left: none; border-top: none;}

/* --- primary navigation --- */

#t-catalog a{
	width: 85px;
	background-image: url(../images/nav/main-catalog.gif);
}

#t-product a{
	width: 111px;
	background-image: url(../images/nav/main-product.gif);
}

#t-thirty a{
	width: 116px;
	background-image: url(../images/nav/main-thirty.gif);
}

#t-where a{
	width: 106px;
	background-image: url(../images/nav/main-where.gif);
}

#t-media a{
	width: 59px;
	background-image: url(../images/nav/main-media.gif);
}

#t-contact a{
	width: 88px;
	background-image: url(../images/nav/main-contact.gif);
}

#mainnav {
	float: left;
	width: 565px;
	margin: 0;
	padding: 0;
	height: 23px;
	list-style: none;
	display: inline;
	overflow: hidden;

	}

#mainnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
	}
	
#mainnav a:hover {
	background-position: 0 -23px;
	}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -23px;
	}

/* --- end primary navigation --- */


/* --- bottom navigation --- */

#bt-masco a{
	width: 50px;
	background-image:url(../images/nav/bottom-masco.gif);
}
#bt-brasstech a{
	width: 124px;
	background-image:url(../images/nav/bottom-brasstech.gif);
}
#bt-new a{
	width: 92px;
	background-image:url(../images/nav/bottom-2007.gif);
}
#bt-mybrass a{
	width: 131px;
	background-image:url(../images/nav/bottom-mybrasstech.gif);
}
#bt-careers a{
	width: 95px;
	background-image:url(../images/nav/bottom-career.gif);
}
#bt-terms a{
	width: 117px;
	background-image:url(../images/nav/bottom-terms.gif);
}
#bt-privacy a{
	width: 112px;
	background-image:url(../images/nav/bottom-privacy.gif);
}
#bt-pricelist a{
	width: 103px;
	background-image:url(../images/nav/price_list_2010.gif);
}


#bottomnav {
	margin: 0;
	padding: 0;
	height: 16px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#bottomnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#bottomnav a {
	float: left;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:16px; /* for IE5/Win only */
	}
	
/* --- end bottom navigation --- */

/* --- search form --- */

form#search-form {
  position:relative;
}

* html form#search-form{
  display:inline;
}

div#search-term{
  position:relative;
  float:left;
  margin-right:3px;
}

input#search-field{
  width:125px;
  border: 1px solid #c3c3c3;
  border-bottom-color: #ddd;
  border-top-color: #7c7c7c;
  background: #fcfcfc;
  padding: 3px;
  font-size: 10px;
}

#submit input{
	background: #0086be;
	border: 1px solid #7abdda;
	color: #7abdda;
	font-weight: bold;
}


  label.overlabel-apply,label.overlabel {
    position:absolute;
    top:3px;
    left:5px;
    z-index:1;
    color:#999;
  }
/* --- end search form --- */


/*** MSG Styles ***/

#msg {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 12px;
  margin: 0 7px 12px 0;
  padding: 5px 5px 5px 30px;
}

div#msg.success{
  border-color: #9c9;
  color: #060;
  background:  #E2F9E3;
}



div#msg.error {
  border-color: #c99;
  color: #fff;
  background: #c00;
}



/*** end msg ***/