/********* DEFAULT STYLES *********/
html, body {
	padding	: 0px;
	margin	: 0px;
	height	: 100%;
	width	: 100%;
	}

div, td, body {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	}

img {	border: 0px none;	}

td {
	vertical-align	: top;
	text-align		: left;
	}

form {
	padding	: 0px;
	margin	: 0px;
	}

table#main {
	width	: 100%;
	height	: 100%;
	padding	: 1px 13px 0px 7px;
	}

td#content {
	padding			: 15px 0px 50px 27px;
	border-bottom	: 2px solid #FFFFFF;
	}

td.yellow {
	background-color	: #D3D3A6;
	background-image	: url(/kitchen-bath/images/bamboo.gif);
	background-position	: bottom right;
	background-repeat	: no-repeat;
	}

h1 {
	font-family	: Arial, Helvetica, sans-serif;
	color		: #996633;
	font-size	: 14px;
	display		: inline;
	padding		: 0px;
	margin		: 0px;
	}

h2 {
	font-size	: 16px;
	color		: #333333;
	padding		: 0px;
	margin		: 0px;
	font-weight	: bold;
	}

h5 {
	font-weight	: normal;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 10px;
	color		: #000000;
	padding		: 0px;
	margin		: 0px;
	}

h6 {
	font-weight	: normal;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 10px;
	color		: #FFFFFF;
	padding		: 0px;
	margin		: 0px;
	}

select, input.text {
	vertical-align	: middle;
	border			: 1px solid #999999;
	padding			: 2px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000000;
	}

a.black {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 13px;
	color			: #000000;
	text-decoration	: none;
	}

a:hover.black {	text-decoration: underline;	}

.errors {
	font-size	: 12px;
	font-family	: Arial, Helvetica, sans-serif;
	color		: #FF0000;
	}

/********* HEADER/FOOTER STYLES *********/
td#header {
	background-color	: #333333;
	height				: 101px;
	}

table#top-nav {	width: 920px;	}

input#search-box {
	width		: 196px;
	height		: 21px;
	border		: 1px solid #000000;
	font-family	: Arial, Helvetica, sans-serif;
	color		: #333333;
	margin		: 0px;
	padding		: 0px;
	}

a#search-button img {
	position: relative;
	top	: 7px;
	}

td#nav-cell {
	height				: 35px;
	background-color	: #CCCCCC;
	vertical-align		: middle;
	border-top			: 3px solid #FFFFFF;
	border-bottom		: 4px solid #FFFFFF;
	}

table#nav {
	width	: 894px;
	margin	: 0px 0px 0px 27px;
	}

#nav td {
	vertical-align	: middle;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #333333;
	}

#nav a {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #333333;
	text-decoration	: none;
	margin-left		: 8px;
	}

#nav a:hover {
	text-decoration: underline;
	}

#nav-right a {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #666666;
	text-decoration	: none;
	margin-left		: 10px;
	font-weight		: bold;
	padding-left	: 12px;
	background-image	: url(/common/img/nav_arrow_off.gif);
	background-repeat	: no-repeat;
	background-position	: left;
	}

td#nav-right {
	text-align		: right;
	}

td#number {
	background-color	: #CCCCCC;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	height				: 24px;
	color				: #000000;
	border-top			: 1px solid #000000;
	border-bottom		: 1px solid #FFFFFF;
	padding				: 0px 0px 0px 27px;
	vertical-align		: middle;
	}

td#legal {
	background-color	: #999999;
	color				: #FFFFFF;
	font-size			: 11px;
	height				: 75px;
	padding				: 6px 0px 0px 27px;
	}

/********* HOMEPAGE STYLES *********/
td#home-left {
	padding-top	: 15px;
	width		: 559px;
	margin-left	: 27px;
	}

div.home-product {
	padding	: 0px;
	margin	: 0px 27px 26px 0px;
	text-align	: center;
	background-color	: #B6B594;
	}

table#home-top td div.home-product { margin-right	: 7px; }
table#home-middle td div.home-product { margin-right	: 29px; }
table#home-bottom td div.home-product { margin-right	: 19px; }

div.home-product a {
	color			: #FFFFFF;
	font-size		: 12px;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	text-decoration	: none;
	line-height		: 20px;
	}

div.home-product a:hover {
	color: #996633;
	}

div#home-copy {
	width		: 475px;
	color		: #333333;
	line-height	: 16px;
	font-size	: 11px;
	font-family	: Arial, Helvetica, sans-serif;
	}

td#home-right {	padding-left: 52px;	}

td#home-right a {
	color		: #000000;
	font-size	: 12px;
	line-height	: 18px;
	font-family	: Arial, Helvetica, sans-serif;
	text-decoration	: none;
	}

td#home-right a:hover { text-decoration: underline; }

div#home-note {
	background-image	: url(/kitchen-bath/images/home_note_bg.gif);
	background-repeat	: no-repeat;
	background-position	: top left;
	font-family	: Arial, Helvetica, sans-serif;
	font-weight	: bold;
	font-size	: 11px;
	padding	: 10px;
	width	: 335px; /* really 355 */
	height	: 127px; /* really 147 */
	}

h1.home-note {
	color		: #CCCC99;
	font-size	: 14px;
	display		: block;
	padding		: 0px 0px 5px 0px;
	margin		: 0px;
	}

#home-note a {
	color	: #000000;
	text-decoration	: underline;
	}

#home-note a:hover { color: #D3D3A6; }

/** new home **/
table#new-home { margin-top: 15px; }

#new-home td {
	width	: 180px;
	height	: 211px;
	}

a.new_home-product-text {
	color			: #FFFFFF;
	font-size		: 12px;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	text-decoration	: none;
	display			: block;
	vertical-align	: middle;
	text-align		: center;
	width			: 165px;
	background-color	: #B6B594;
	margin-top		: 4px;
	padding			: 5px 0px;
	}
a:hover.new_home-product-text { color: #996633; }

a.brown { background-color: #A07341;}
a:hover.brown { color: #FFFFFF; text-decoration: underline; }
	
div#new_home-note {
	font-family	: Arial, Helvetica, sans-serif;
	font-weight	: bold;
	font-size	: 11px;
	line-height	: 17px;
	color	:#FFFFFF;
	padding	: 10px;
	width	: 325px; /* really 345 */
	height	: 127px; /* really 147 */
	background-color	: #A2A180;
	}
	
div#new_home-note2 {
	font-family	: Arial, Helvetica, sans-serif;
	font-weight	: bold;
	font-size	: 11px;
	line-height	: 17px;
	color	:#FFFFFF;
	width	: 505px; 
	height	: 107px; 
	background-color	: #A2A180;
	margin: 0px 0px 15px 0px; 
	padding: 15px 0px 13px 16px;
	}

h1.new_home-note, h1.new_home-note2 {
	color		: #976C3E;
	font-size	: 10px;
	display		: block;
	padding		: 0px 0px 5px 0px;
	margin		: 0px;
	font-weight	: normal;
	}

#new_home-note a, #new_home-note2 a {
	color	: #FFFFFF;
	text-decoration	: underline;
	}

#new_home-note a:hover, #new_home-note2 a:hover{ color: #D3D3A6; }

div#home-legal {
	font-size	: 11px;
	font-style	: italic;
	margin-left	: 10px;
	margin-top	: 20px;
	width		: 268px;
	}

div#new_home-copy {
	width		: 524px;
	color		: #000000;
	line-height	: 17px;
	font-size	: 14px;
	font-family	: Arial, Helvetica, sans-serif;
	border-top	: 2px solid #A07341;
	border-bottom	: 2px solid #A07341;
	margin-bottom	: 10px;
	padding			: 10px 0px;
	}
	
/** end new home **/

#follow {
	width	: 505px; 
	background-color	: #A2A180;
	margin: 0px 0px 15px 0px; 
	padding: 5px 0px 10px 16px;
	overflow: auto;
	}
#follow h1 { margin-right: 15px; }
#follow iframe {
	position: relative;
	top: 5px;
	}
#follow a {
	font-size: 11px;
	color: #FFFFFF;
	}
#follow a img {
	position: relative;
	top: 3px;
	}

#home-catalog {
	background: #A2A180;
	color: #FFFFFF;
	margin: 30px 0px 10px 0px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	width: 505px;
}
/********* RESULTS STYLES *********/
table#results {
	width		: 615px;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #333333;
	}

td.product-thumb {
	padding	: 0px 7px 12px 0px;
	}

td.product-thumb div {
	border	: 1px solid #000000;
	height	: 202px;
	width	: 202px;

	display			: table-cell;
	text-align		: center;
	vertical-align	: middle;
	line-height		: 0px;
	font-size		: 0px;
	}

a.results-text-links {
	color			: #000000;
	font-size		: 12px;
	line-height		: 25px;
	font-family		: Arial, Helvetica, sans-serif;
	text-decoration	: none;
	}

a:hover.results-text-links {
	text-decoration	: underline;
	}

td#category-description {
	padding		: 15px 150px 10px 0px;
	color		: #333333;
	font-size	: 11px;
	font-family	: Arial, Helvetica, sans-serif;
	}

div#cat-nav {
	display		: inline;
	position	: absolute;
	top			: 208px;
	left		: 760px;
	width		: 200px;
	height		: 280px;
	padding		: 20px 0px 0px 25px;
	
	background-image	: url(/kitchen-bath/images/category_nav_bg.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
	}

#cat-nav h1 {
	padding-bottom	: 10px;
	display	: block;
	color	: #FFFFFF;
	}

#cat-nav a {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	text-decoration	: none;
	}

#cat-nav a:hover {
	text-decoration:underline;
	}

/********** DETAIL STYLES **********/
td#detail-left {
	width		: 500px;
	color		: #000000;
	font-family	: Georgia, "Times New Roman", Times, serif;
	font-size	: 13px;
	}

div#detail-image {
	width			: 586px;
	border			: 1px solid #999966;
	padding			: 13px;
	vertical-align	: middle;
	text-align		: center;
	display			: block;
	}

div#detail-category-description {
	padding		: 24px 85px 15px 33px;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #333333;
	line-height	: 16px;
	}


td#detail-info {
	background-image	: url(/common/img/detail-arrow.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	color	: #000000;
	padding	: 27px 0px 20px 50px;
	width	: 324px;
	}

#detail-info h2 {
	color			: #000000;
	display			: block;
	padding			: 0px;
	margin			: 0px;
	font-size		: 14px;
	font-weight		: bold;
	font-family		: Georgia, "Times New Roman", Times, serif;
	}

#detail-info h4, a.detail-documents {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	color			: #666666;
	margin			: 0px;
	padding			: 0px 0px 16px 0px;
	}

a.detail-documents {
	padding				: 0px 0px 0px 15px;
	text-decoration		: none;
	background-image	: url(/common/img/detail_document_arrow.gif);
	background-position	: left middle;
	background-repeat	: no-repeat;
	}

a:hover.detail-documents { text-decoration: underline; }

#detail-info div {
	padding	: 10px 0px;
	width	: 300px;
	background-image	: url(/common/img/white_dots.gif);
	background-repeat	: repeat-x;
	background-position	: bottom;
	}

table#alternate-images-table td {
	width	: 81px;
	height	: 81px;
	text-align		: left;
	vertical-align	: top;
	}

div#short-description {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #000000;
	}

div#long-description {
	color		: #996633;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 11px;
	}

table.detail-product-options {	width: 300px;	}

table.detail-product-options td {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000000;
	vertical-align	: middle;
	}

a.related-products {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000000;
	text-decoration	: underline;
	}

#materials { line-height: 18px; }

#materials a {
	font-size		: 11px;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #000000;
	text-decoration	: none;
	}

#materials a:hover { text-decoration: underline; }

#materials img {
	position		: relative;
	top				: 3px;
	margin-right	: 10px;
	}

em#material-disclaimer {
	color		: #CCCCCC;
	font-size	: 11px;
	}

/********** POPUP STYLES **********/
td#popup-content { color:#FFFFFF; }

/********** PRESS PAGES **********/
h2.media {
	color		: #333333;
	font-size	: 14px;
	font-weight	: bold;
	font-family	: Arial, Helvetica, sans-serif;
	padding		: 0px;
	margin		: 0px;
	}

div#press-pull {
	background-color	: #7D7D47;
	width		: 680px;
	font-size	: 11px;
	color		: #FFFFFF;
	font-family	: Arial, Helvetica, sans-serif;
	padding		: 8px 0px 8px 10px;
	margin		: 10px 0px 25px 0px;
	}

td.media-header {
	width	: 318px;
	padding	: 8px 0px 8px 10px;
	background-color	: #333333;
	}

.media-header a {
	color		: #FFFFFF;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	text-decoration: none;
	}

.media-header a:hover {
	text-decoration: underline;
	}

td.media-index-description {
	width		: 200px;
	font-family	: Arial, Helvetica, sans-serif;
	color		: #000000;
	font-size	: 12px;
	padding		: 10px 28px 13px 15px;
	}

.media-index-description h1 {
	display	: block;
	padding	: 0px 0px 10px 0px;
	margin	: 0px;
	}

td.media-content {	padding: 15px 0px;	}

a.press-more {
	font-size	: 11px;
	font-family	: Arial, Helvetica, sans-serif;
	color		: #000000;
	}

a.press-view-all {
	font-size	: 11px;
	font-family	: Arial, Helvetica, sans-serif;
	color		: #000000;
	text-decoration	: none;
	}

a:hover.press-view-all { text-decoration: underline; }

#press-list td {
	border-bottom: 1px solid #000000;
	padding: 10px 0px;
	}

/********** MISC STYLES **********/
table#contact, #contact table {
	color		: #996633;
	font-size	: 12px;
	line-height	: 18px;
	font-family	: Georgia, "Times New Roman", Times, serif;
	}
	
#contact td {
	padding-bottom: 3px;
	}
	
#contact strong {
	color		: #000000;
	font-weight	: normal;
	font-family	: Arial, Helvetica, sans-serif;
	}

#contact a {
	color			: #996633;
	text-decoration	: underline;
	}

td.custom-work-cell {
	width		: 155px;
	text-align	: left;
	padding		: 0px 0px 15px 0px;
	}

h2.text {
	color		: #333333;
	font-size	: 14px;
	}

#materials td {
	font-size	: 11px;
	padding		: 0px 10px 10px 0px;
	}

div#text-page {
	padding	: 40px 0px 0px 21px;
	width	: 400px;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	}

div#text-pull {
	position: absolute;
	left	: 659px;
	top		: 184px;
	}

/********** MENU STYLES **********/
table.dropnav td {
    font-family	: Helvetica, Arial, sans-serif;
    cursor		: pointer;
    font-size	: 9px;
    font-weight	: bold;
    color		: #000000;
    background-color	: #E8E8E8;
}

table.dropnav td {
    border-bottom	: 1px dashed #999999;
    height	: 20px;
    width	: 145px;
    padding	: 2px 0 0 12px;
}

table.dropnav td:hover {
    background-color: #FFFFFF;
}

div#dropnav {
	position		: absolute;
	top				: 124px;
	left			: 534px;
	padding			: 0px 0px 0px 18px;
	z-index			: 100;
	opacity			: .85;
	-moz-opacity	: .85;
	filter			: alpha(opacity=85);
}

/********** DEALERS **********/
#dealers {
	padding: 40px 0px 0px 21px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
}
#dealers > h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	margin-bottom: 5px;
	display: block;
	}
#dealer-text {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	}
.dealer-column {
	float: left;
	width: 290px;
	margin-right: 80px;
	}
.dealer-column h2 { margin-bottom: 8px; }
.dealer-column h1 { display: block; margin: 5px 0px; }
.dealer-column table { margin-bottom: 26px; }
h2.dealer {
	border-top: 2px solid #B0996A;
	border-bottom: 2px solid #B0996A;
	padding: 8px 0px;
	margin-bottom: 20px;
	width: 100%;
	font-family: Georgia, "Times New Roman", serif;
	color: #333333;
	font-size: 19px;
	line-height: 21px;
	font-weight: normal;
	}