/*
dk grey : #6E7476
lt blue : #156076
dk blue : #001722
gold    : #D7A802
*/

body {
	background-color: #001722;
	font-family: Arial, Helvetica, "sans serif";
	color: #ffffff;
	font-size: small;
	margin: 0px; padding: 0px;
	text-align: center;
	position: relative;
}

a, img { border: 0px; text-decoration: none; }

#container {
	width: 738px;
	position: relative;
	text-align: left;
	margin: 1% auto;
	border: 1px solid #156076;
}

#content {
	width: 600px;
	margin: 20px 0px 20px 50px;
	float: left;
	text-align: left;
}
#content.news { width: 500px; }
#content.news img { float: left; margin: 20px 0px 20px 0px; padding: 0px; }

#product_content {
	width: 100%;
	margin-bottom: 40px;
	min-height: 260px;
}

#header {
	position: relative;
	width: 738px; height: 75px;
	border-bottom: 1px solid #156076;
	background-color: #001722;
}

h1#Natphil-logo {
	margin: 37px 0px 0px 47px;
	width: 138px; height: 50px;
	background-image: url('img/nav/Natphil_logo.gif');
	background-repeat: no-repeat;
}
h1#Natphil-logo span { visibility: hidden; }

ul#nav {
	position: absolute;
	right: 18px; bottom: 0px;	
	list-style-type: none;
	margin: 0px; padding: 0px;
}
ul#nav li { float: right; margin-left: 8px; }
ul#nav li a { display: block; }

li#nav-home a {
	width: 43px; height: 21px;
	background-image: url('img/nav/nav_home.gif');
}
li#nav-home a span { display: none; }
li#nav-news a {
	width: 42px; height: 21px;
	background-image: url('img/nav/nav_news.gif');
}
li#nav-news a span { display: none; }
li#nav-products a {
	width: 62px; height: 21px;
	background-image: url('img/nav/nav_products.gif');
}
li#nav-products a span { display: none; }
li#nav-aboutus a {
	width: 66px; height: 21px;
	background-image: url('img/nav/nav_aboutus.gif');
}
li#nav-aboutus a span { display: none; }
li#nav-dealers a {
	width: 57px; height: 21px;
	background-image: url('img/nav/nav_dealers.gif');
}
li#nav-dealers a span { display: none; }
li#nav-download a {
	width: 81px; height: 21px;
	background-image: url('img/nav/nav_download.gif');
}
li#nav-download a span { display: none; }
li#nav-contact a {
	width: 60px; height: 21px;
	background-image: url('img/nav/nav_contact.gif');
}
li#nav-contact a span { display: none; }

#dropmenudiv{
	position: absolute;
	left: 352px; top: 75px;
	z-index: 100;
	display: none;

	border: 1px solid #156076;
	border-bottom-width: 0px;

	font-family: Arial, Helvetica, "sans serif";
	font-size: 100%;
	line-height: 150%;
	text-align: left;

	width: 69px;
	padding; 0px; margin: 0px;
}

#dropmenudiv a{
	display: block;
	text-indent: 3px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #156076;
	background-color: #000000;
	padding: 1px 0;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #156076;
}


a,a:link,a:hover,a:active {
	font-family: Arial, Helvetica, "sans serif";
	color: #007990;
	font-weight: bold;
	font-size: 100%;
}

a.small { font-size: 90%; }

a.footer { font-size: 90%; color: white; }

input {
	border: 1px solid #156076;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, "sans serif";
	color: #000000;
	font-size: 90%;
}  

textarea {
	border: 1px solid #156076;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, "sans serif";
	color: #000000;
	font-size: 90%;
}

form { padding: 0; margin: 0 }
form.dealer { margin-bottom: 50px; }
form#search {
	position: absolute;
	top: 5px; right: 5px;
	float: right;
	margin-right: 20px;
}
form.subcategory { float: right; margin: 0px 20px 0px 0px; }
input.searchbox { background-color: #001722; font-size: 90%; color: #FFFFFF; width: 60px; float: left; }
p.search { font-weight: bold; color: #6E7476; float: left; margin: 0px; padding: 0px; }
input.submit { font-weight: bold; background-color: #6E7476; }

input.homepostal {
  border: 1px solid #156076;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, "sans serif";
  color: #000000;
  font-size: 100%;
  padding:0px 4px 0px 4px;
}  

.img {
   border: 1px solid #D7A802;
}

#home_text { font-family: Arial, "sans serif"; text-align: center; }
#home_text h1 { margin: 20px auto; font-weight: normal; color: #156076; font-size: 200%; width: 409px; height: 19px; background-image: url(img/welcome_to_Natphil.gif); background-repeat: no-repeat; }
#home_text h1 span { visibility: hidden; }
#home_text p { margin: 20px auto; color: #636667; width: 460px; height: 25px; background-image: url(img/welcome_message.gif); background-repeat: no-repeat; }
#home_text p span { visibility: hidden; }

#footer {
	width: 96%;
	border-top: 1px solid #6E7476;
	padding: 10px 0px 10px 0px;
	clear: both;
	list-style-type: none;
	margin: 100px 0px 20px 2%;
}
#footer li#phone {
	float: left;
	width: 122px; height: 8px;
    background-image: url('img/1888natphil.gif');
	background-repeat: no-repeat;
}
#footer li#phone span { visibility: hidden; }
#footer li#copyright {
	float: right;
	font-size: 70%;
	color: #6E7476;
}

div#nav-bottom {
    background-image: url('img/header_line_bottom.gif');
	background-repeat: repeat-x;
	width: 738px;
	height: 8px;
	margin-top:4px;
}

div#fr-link {
    position: absolute;
	top: 20px;
    left: 700px;
    z-index: 2;
}	

div#message {
    text-align: center;
	margin: 50px 0px 200px 50px;
	float: left;
}

div#listing {
    text-align: center;
	margin: 0px 0px 40px 20px;
	width: 698px;
}	

div#zucchetti-listing {
    text-align: center;
	margin-bottom: 40px;
	width: 500px;
}	


div#cat_hdr {
	margin: 20px 60px 20px 40px;
	float: left;
}
div#cat_hdr h1 { font-size: 150%; color: #6E7476; text-transform: uppercase; }
div#cat_hdr h1 span { color: #156076; }
div#cat_hdr img { margin-bottom: 20px; }
div#cat_container {
	margin: 0px 0px 40px 350px;
}
div.cat_item {
	float: left;
	width: 100px; height: 200px;
	margin: 20px 0px 0px 5px;
	text-align: center;
}
div.cat_item p { 
	margin: 0px; padding: 0px;
}


div.product { width: 100% }
div.product img { float: left; width: 40%; margin: 0px 0px 40px 20px; }
div.product-text {
    float: right;
	margin: 0px 20px 0px 20px;
	width: 40%;
}
div.zucchetti-product {
    float: left;
	height: 354px;
}
div.product-listing {
	float: left;
    text-align: center;
	width: 600px;
	margin: 50px 0px 0px 70px;
}	

div.sidebar {
    width: 104px;
	float: right;
}	


p.product-name,p.news-title {
	font-family: Arial, Helvetica, "sans serif";
	color: white;
	font-size: 100%;
	font-weight: bold;
}
p.model,p.date {
	font-family: Arial, Helvetica, "sans serif";
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	line-height: 12px;
}
div.listing-listing {
	float: left;
	text-align: center;
	width: 600px;
	margin-top: 50px 0px 40px 70px;
}

div.dl-container {
	text-align: left;
	margin: 20px 0px 40px 40px;
	width: 650px;
}
div.dl-listing {
	float: left;
	text-align: left;
	margin: 20px 40px 40px 0px;
	width: 175px;
}
div.dl-listing h2 { font-size: 120%; }
div.dl-listing p a { font-size: 90%; }

div.dealer-one {
   width: 150px;
   height: 150px; 
}

div.news-listing {
	text-align: left;
	margin-top: 20px;
	width: 500px;
	float: left; clear: both;
}
div.news-listing img { float: left; margin: 0px 20px 40px 0px; }
p.news-title { width: 250px; float: left; margin: 15px 0px 0px 10px; }
p.date { width: 200px; float: left; margin: 15px 0px 0px 10px; }

div.pdf-text {
	position: relative;
	top: -40px; left: 65px;
	width: 300px;
}

h2 { font-size: 140%; }

div.dealers {
	margin: 0px 20px 30px 0px;
	text-align: left;
	width: 225px;
	float:left;
}

div.dealers-first {
	margin: 0px 20px 30px 0px;
	text-align: left;
	width: 225px;
	float: left; clear: left;
}

img.article_img { float: right; margin: 0px 0px 10px 10px; }

div#breadcrumbs {
	width: 698px; height: 25px;
	background-image: url(img/bkg_products.gif);
	text-align: left;
	padding: 12px 0px 0px 40px;
	text-transform: uppercase;
	color: #001722;
	font-weight: bold;
	text-decoration: none;
}
div#breadcrumbs a { color: #001722; text-decoration: none; }
div#breadcrumbs a:hover { text-decoration: underline; }

div#product_kitchen { background-image: url(img/category_kitchen.jpg); }
div#product_bath { background-image: url(img/category_bath.jpg); }
div#product_kitchen, div#product_bath {
	width: 738px; height: 177px;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	border-top: 1px solid #156076;
	border-bottom: 1px solid #156076;
}

div#product_kitchen ul, div#product_bath ul {
	list-style-type: none;
	list-style-position: outside;
	width: 150px;
	margin: 0px 0px 0px 20px;
}
div#product_kitchen ul { padding-top: 60px; }
div#product_bath ul { padding-top: 20px; }
div#product_kitchen ul li, div#product_bath ul li {
	background-image: url(img/square-bullet.gif);
	background-repeat: no-repeat;
	margin-bottom: 3px;
}
div#product_kitchen ul li a, div#product_bath ul li a {
	font-family: Verdana, Arial, "sans serif";
	font-size: 90%;
	color: #6E7476;
	text-decoration: none;
	margin-left: 30px;
	line-height: 22px;
}
div#product_kitchen ul li a:hover, div#product_bath ul li a:hover {
	text-decoration: underline;
}
div#product_kitchen ul li a span, div#product_bath ul li a span {
	font-size: 80%;
	display: block;
	margin-left: 30px;
	line-height: 8px;
}

div#brands  {
	background-color: #001722;
	padding-bottom: 5px;
	position: absolute;
	bottom: 4px;
	left: 10px;
	width: 170px;
	height: 42px
}
div#brands img { margin-right: 15px; }
div#brands img.last { margin-right: 0px; }

form#designer label { display: block; width: 180px; float: left; }
form#designer br { clear: both; }

div.column { float: left; text-align: center; width: 45%; }
div.width { clear: both; width: 100%; }

a p {
	font-family: Arial, Helvetica, "sans serif";
	color: #ffffff;
	font-weight: normal;
}