body { font-family: Tahoma, Arial, Helvetica, Verdana; font-size: 12px; font-weight: normal; color: #666666; margin: 10px; padding: 0px; background-color: #FFFFFF; background-image:  url(../images/body_background.jpg); background-repeat: repeat-x; min-width: 1000px; }

#mainContainer { width: 950px; padding: 0px 0px 0px 0px; margin: auto; background-color: #FBFCB8; border: 1px solid #FFFFFF; }

#topHeader { height: 282px; width: 100%; margin: 0px; border-bottom: 1px solid black; }
#topHeaderLeft { float: left; width: 400px; }
#topHeaderRight { float: left; width: 548px; text-align: center; border-left: 2px solid #FFFFFF; background-color: #FFFFFF; }

#navTop { font-size: 10px; text-align: center; background: #170E01; color: #D4A66F; font-weight: bold; width: 100%;   padding: 9px 0 10px 0; margin: 0; border-top: 1px solid white; border-bottom: 1px solid white; background-image:  url(../images/nav_background.jpg); background-repeat: repeat-x; }
#navTop li { display: inline; }
#navTop a:link { color: #D4A66F; text-decoration: none; }
#navTop a:visited { color: #D4A66F; text-decoration: none; }
#navTop a:hover {color: #FFFFFF; text-decoration: underline; }
#navTop a:active {color: #FFFFFF; text-decoration: underline; }

#navCatKitchen { float: left; width: 182px; }
#navCatBathroom { float: left; width: 183px; height: 100%; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#navCatTiles { float: left; width: 182px; }

#contentContainer { width: 930px; padding: 5px 10px 10px 10px; background-color: #FFFFFF; }

#navBottom { font-size: 10px; text-align: center; background: #170E01; color: #D4A66F; font-weight: bold; width: 100%;   padding: 9px 0 10px 0; margin: 0; border-top: 1px solid white; border-bottom: 1px solid white; }
#navBottom li { display: inline; }
#navBottom a:link { color: #D4A66F; text-decoration: none; }
#navBottom a:visited { color: #D4A66F; text-decoration: none; }
#navBottom a:hover {color: #FFFFFF; text-decoration: underline; }
#navBottom a:active {color: #FFFFFF; text-decoration: underline; }

#footerContainer { width: 100%; height: 100px; clear: both; background-image:  url(../images/footer_background.jpg); background-repeat: no-repeat; text-align: center; font-size: 11px; font-weight: bold; padding-top: 15px; }
#footerContainer a:link { color: #FF6600; text-decoration: none; background-color: inherit; }
#footerContainer a:visited { color: #FF6600; text-decoration: none; background-color: inherit; }
#footerContainer a:active { color: #0000EE; text-decoration: underline; }
#footerContainer a:hover { color: #0000EE; text-decoration: underline; }

h1 { font-size: 16px; font-weight: bold; color: #170E01; background-color: inherit; } 
h2 { font-size: 14px; font-weight: bold; color: #170E01; background-color: inherit; } 

a:link, a:visited { color: #FF6600; text-decoration: underline; background-color: inherit; }
a:active, a:hover { color: #FF0000; background-color: inherit; }

.imgBorder { margin: 10px; border: 1px solid #C5C5C5; padding: 0px; }

#slideshow { width: 400px; position: relative; height: 282px; border: 0px solid #FFFFFF; padding: 0px;}
#slideshow IMG { position: absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active { z-index:10;}
#slideshow IMG.last-active { z-index:9;}

/* for the hover over image effects... */
img.thumb #main_view { float: left; padding: 0px 0; margin-left: 0px; }
img.thumb { border: none; padding: 0px; margin-top: 0px; margin-left: 0px; top: 0px; left: 0px; width: 100px; display: block; height: 149px; }
ul.thumb { float: left;	list-style: none; margin: 0; padding: 0px;	width: 546px; }
ul.thumb li { margin: 0; padding: 0px; float: left;	position: relative;	width: 182px; height: 149px; }
ul.thumb li img { width: 182px; height: 149px; border: none; padding: 0px; background: #f0f0f0; position: absolute; left: 0; top: 0;	-ms-interpolation-mode: bicubic;  }
ul.thumb li img.hover {	/*background: url(hover_files/thumb_bg.png) no-repeat center center;*/ border: none; }

/* FOR DETAILED IMAGE DISPLAY */
#detailsImage { float: left; width: 280px; text-align: center; }
/*img.detailsHover #main_view { float: left; padding: 0px 0; margin-left: 0px; }*/
img.detailsHover { border: none; padding: 0px; margin: 0px 20px 0px 20px; top: 0px; left: 0px; width: 240px; display: block; height: 180px; }
ul.detailsHover { float: left;	list-style: none; margin: 0px 20px 0px 20px; padding: 0px; width: 840px; }
ul.detailsHover li { margin: 0px 20px 0px 20px; padding: 0px; float: left;	position: relative;	width: 240px; height: 180px; }
ul.detailsHover li img { width: 240px; height: 180px; border: 5px solid #CCCCCC; padding: 0px; background: #f0f0f0; position: absolute; left: 0; top: 0;	-ms-interpolation-mode: bicubic; border: 5px solid #CCCCCC; }
ul.detailsHover li img.hover {	/*background: url(hover_files/thumb_bg.png) no-repeat center center;*/ border: 5px solid #CCCCCC; }