/******************************************************************************************************************************************************************************************* CSS Document Author: Michael Oleksak - StarsnSites.com for MicrobeLift-Pondmaster-AquaUV-CalPump body { column-count: 3 background-color: #595959; } copyright ©2009 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. Blue #084D8E Orange #F26128 background-image:url('../images/BackGround.jpg'); background-position: center; background-repeat: repeat-y; *******************************************************************************************************************************************************************************************/ body { background-color: #144472; margin: 0 0 10 0; padding: 0; font-family: verdana, arial, sans-serif; background-image:url('../images/Eastern-Nishikigoi-Backgrou.jpg'); background-position: top center; background-repeat: repeat-x; } table, tbody { border-collapse: collapse; font-size: 12px; /* 12px is default size for tables with no declaration */ } #containerDIV { width: 100%; height: 100%; background-image:url('../images/HomePageBack.jpg'); background-repeat:no-repeat; /* background-attachment:fixed; */ background-position: center 180px; } /*Link Styles*/ a:link, a:visited { color: #934C0F; text-decoration: underline; } a:hover, a:active { color: #595959; text-decoration: none; } /*Heading Tag Styles*/ h1 { font-size: 18px; color: #1E1E1E; margin: 0px; /* text-transform: capitalize; */ } h2 { font-size: 15px; color: #934C0F; margin: 0px; } h3 { font-size: 13px; color: #F35E43; margin: 0px; } /*Form Styles*/ form { margin: 0px; padding: 0px; border: none; } textarea { font-size: 11px; border: 1px solid #555555; background-color: #F5F5F5; } /*Other Body Parts*/ /*ul { list-style-type: square; margin-bottom: 5px; } */ /*ol { margin-bottom: 15px; }*/ li { margin-bottom: 5px; } hr { height: 1px; width: 90%; color: #658461; } img { border: 0px; } .googleSpan { visibility:hidden; font-size: 1px; } /****************************************************************************Begin Main Outer Containing Table style settings************************************************************** *****************************************************************************Begin Main Outer Containing Table style settings**************************************************************/ .mainTable { width: 1000px; height:100%; table-layout: fixed; } .mainTableBannerCell { width: 1000px; height: 180px; background-image:url('../images/bannerTableBG.gif'); padding:0px; vertical-align: top; }/*New!!*/ .mainBannerTable { width: 1000px; height: 180px; padding:0px; } .mainBannerTableLogoCell { width: 250px; height: 100px; vertical-align: middle; text-align: center; padding:0px; } .mainBannerTableAdCell { width: 270px; height: 100px; vertical-align: middle; text-align: left; padding:0px; } .mainBannerTableChatCell { width: 415px; height: 80px; background-image:url('../images/Eastern-Nishikigoi_07.jpg'); vertical-align: middle; text-align: right; padding:0px; } .mainBannerTablePhoneCell { width: 1000px; height: 30px; background-image:url('../images/bannerTablePhone.jpg'); vertical-align: top; text-align: left; text-indent: 150px; font-size: 16px; color: #efefef; } .mainTableNavCell { width: 1000px; height: 30px; text-align: left; } .mainTableHeading { width: 100%; height:30px; background: #144472; vertical-align: middle; text-align: center; color: #cccccc; border-top: 0px solid #aaaaaa; border: 1px solid #ffffff; /**For the h1 heading tags**/ } .mainTableHeading h1 { font-size: 13px; color: #efefef; font-style: italic; /**For the h1 heading tags**/ } .mainTableHeading a:link, .mainTableHeading a:visited { color: #efefef; text-decoration: underline; /**For the h1 heading tags**/ } .mainTableHeading a:hover, .mainTableHeading a:active { color: #F26128; text-decoration: none; /**For the h1 heading tags**/ }{ color: #595959; text-decoration: underline; /**For the h1 heading tags**/ } .mainTableContentCell { width: 1000px; height:100%; background: #fff; padding: 0px; vertical-align: top; border: 0px solid #bbbbbb;} .copyright { font-size: 10px; font-style: italic; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; padding: 4px; background-color: transparent; color: #777777; text-align: center; width: 100%; height:30px; vertical-align: middle; } .copyright a:link, .copyright a:visited { color: #999999; text-decoration: none; } .copyright a:hover, .copyright a:active { color: #CCCCCC; text-decoration: underline; } .disclaimer { font-size: 9px; color: #333333; } .SUBcopyright { font-size: 6px; color: #777777; text-align: left; width: 100%; height: 6px; } .SUBcopyright a:link, .SUBcopyright a:visited { color: #777777; text-decoration: none; } .SUBcopyright a:hover, .SUBcopyright a:active { color: #444444; text-decoration: underline; } /**Top Navigation Style**/ ul#menu { float: left; width:720px; height:30px; margin:0; padding:0; list-style-type:none; position:relative; display:inline-block; text-transform:uppercase; font-size:11px; font-weight:bold; } ul#menu li { display:inline-block; float:left; margin:0; pading:0; overflow:hidden; } ul#menu li a { display:inline-block; float:left; color: #595959; text-decoration:none; font-weight:bold; padding:5px 15px 10px 15px; height:29px; overflow:hidden; text-align: center; background:transparent url("../images/DIVIDER.gif") no-repeat top right; } ul#menu li a:hover { background:transparent url("../images/HOVER.gif") no-repeat top right; color: #ffffff; } /** The Search Table Styles **/ .searchTable { width: 490px; height:40px; } .searchCell { width: 260px; height:30px; background-image:url('../images/searchCell.jpg'); background-repeat: no-repeat; vertical-align: middle; text-align: right; } .input2 { width: 250px; font-size: 14px; color: #084D8E; font-style: italic; background-color: transparent; border: 0px solid #CACACA; letter-spacing: 1px; } .searchButton { width: 155px; height: 30px; border: 0px; vertical-align: top; } .searchResultsDIV { width: 470px; float: left; font-size: 11px; line-height: 15px; color: #555555; font-style: italic; padding-left: 4px; padding-right: 4px; } /******************************************************************************************************************************************************************************************* Begin Inner Content Containing Table style settings (2 & 3 Panels) *******************************************************************************************************************************************************************************************/ .innerContentTable { height:100%; width: 1000px; } .innerContentLeft { height:100%; width: 215px; background-color: transparent; padding-left: 1px; font-size: 10px; color: #684B43; vertical-align: top; text-align: center; } .pdfExtraTable { width: 250px; margin-bottom: 5px; } .pdfExtraTable td { width: 50%; padding: 10px; vertical-align: middle; text-align: center; font-size: 10px; color: #684B43; } .pdfExtraTable a:link, .pdfExtraTable a:visited { text-decoration: none; color: #084D8E; } .pdfExtraTable a:hover, .pdfExtraTable a:active { text-decoration: none; color: #F26128; } .innerContentCenter { height:100%; background-color: #fff; padding:0px; vertical-align: top; color: #6D6E71; font-size: 14px; } #SUBContainerProductDIV { width: 770px; position: relative; margin: auto; } .innerContentKoiCenter { height:100%; background-color: #000; padding:0px; vertical-align: top; color: #6D6E71; font-size: 14px; border-right: 1px solid #fff; } /** .innerContentRight { height:100%; width: 200px; padding: 2px; background-color: #C1DDFE; font-size: 11px; color: #934C0F; background-image:url('../images/SideBarsRight.jpg'); } **/ .innerContentRight { height:100%; width: 215px; padding: 2px; background-color: #fff; font-size: 11px; color: #934C0F; text-align: right; vertical-align: top; } .innerContentRightWhite { height:100%; width: 200px; padding: 2px; background-color: #fff; font-size: 11px; color: #934C0F; text-align: left; } .addressTable { width: 190px; background-color: #fff; border:1px solid #444444; margin-top: 5px; margin-bottom: 5px;} .addressTable td { padding: 5px; vertical-align: middle; font-style: italic; text-align: center; color: #444444; letter-spacing: 1px; font-size: 13px; } /******************************************************************************************************************************************************************************************* C A T E G O R Y T A B L E S T Y L E S *******************************************************************************************************************************************************************************************/ .categoryTable { width: 100%; border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 10px; } .categoryTable td { padding: 10px; background-color: #fff; color: #2B2B2B; font-size: 15px; vertical-align: top; } /******************************************************************************************************************************************************************************************* L E F T N A V I G A T I O N S T Y L E S *******************************************************************************************************************************************************************************************/ .leftnav li.title { text-align: center; border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; height:22px; } .verdana11-header { font-size: 14px; font-weight: bold; font-variant: normal; color: #144472; letter-spacing: 1px; } #home_left { width: 210px; background: #B3DCF0; padding: 0px 0px 0px 0px; border: 0px solid #B3DCF0; text-align: left; } .leftnav { background: #B3DCF0; width: 210px; float: left; margin-bottom: 10px; } .leftnav ul { margin: 0; padding: 0; } .leftnav li { margin: 0; list-style: none; color: #064C72; } .leftnav li.navelement { line-height: 25px; font-size: 12px; padding-left: 7px; text-transform: capitalize; border-bottom: 0px solid #dddddd; } .leftnav li.navelement a:link, .leftnav li.navelement a:visited { text-decoration: none; color: #084D8E; } .leftnav li.navelement a:hover, .leftnav li.navelement a:active { text-decoration: none; color: #F26128; } .leftnav li.subnavelement { background: #144472; padding: 0px 0px 0px 24px; line-height: 22px; font-size: 10px; border-top: 0px solid #ffffff; border-bottom: 1px solid #cccccc; } .leftnav li.subnavelement a:link, .leftnav li.subnavelement a:visited { text-decoration: none; color: #efefef; } .leftnav li.subnavelement a:hover, .leftnav li.subnavelement a:active { text-decoration: none; color: #F26128; } /******************************************************************************************************************************************************************************************* Begin Sub-Menu Navigation (Menu) Style settings *******************************************************************************************************************************************************************************************/ #SUBmenuContainer { width: 750px; position:relative; clear:both; } table.SUBCATmenu a { width:175px; border:1px solid #333333; display: block; } div.SUBCATmenu a { color: #333333; background: #ffffff; text-decoration:none; font-size:11px; line-height:16px; padding: 2px 5px; } div.SUBCATmenu a:link, div.SUBCATmenu a:visited { color: #fff; background: #369; text-decoration: none; } div.SUBCATmenu a:active { color: #efefef; background: #369; } div.SUBCATmenu a:hover { color: #F26128; background: #333333; border:1px solid #000000; } div.SUBCATmenu { position:relative; margin: auto; } table.SUBCATmenu td { text-align: center; } /******************************************************************************************************************************************** SubCategory Table Nav Image-Menu Styles background-image:url('../images/SUBcatNavOver.jpg'); ********************************************************************************************************************************************/ .navDisplayTable { width:100%; margin-bottom: 20px; } .navDisplayTableCell { padding: 1px; padding-bottom: 5px; vertical-align: top; } .subCatNav { width:190px; height: 100%; border:0px solid #FFCC66; background-image:url('../images/subCatNav.jpg'); background-position: top center; background-repeat: no-repeat; } .subCatNav td { width:100%; height: 95px; color: #555555; padding: 4px; vertical-align: middle; text-align: left; font-size:11px; border:0px solid #9EB1CF; } .subCatNav th { width:100%; height: 20px; color: #111; padding: 1px; vertical-align: top; font-size:12px; } .subCatNav a:link, .subCatNav a:visited { color: #777777; text-decoration:underline; } .subCatNav a:hover, .subCatNav a:active { color: #000000; text-decoration:none; } .subCatNavTable img { border:0px solid ; margin-right: 4px;} .subCatNavTable { width:365px; height: 140px; background: #fff; border-bottom:1px solid #9EB1CF; /* background-image:url('../images/subCatNavTable.jpg'); background-position: top center; background-repeat: no-repeat; */} .subCatNavTableText { width:100%; height: 100px; line-height: 16px; color: #555555; padding: 2px; vertical-align: middle; text-align: left; font-size:11px; font-style: italic; } .subCatNavTopTitle { width:100%; color: #777777; font-size:11px; text-align: left; padding-left: 22px; font-weight: bold; vertical-align: middle; } .subCatNavTopTitle a:link, .subCatNavTopTitle a:visited { color: #777777; text-decoration:underline; } .subCatNavTopTitle a:hover, .subCatNavTopTitle a:active { color: #000000; text-decoration:none; } /******************************************************************************************************************************************************************************************* Begin Featured Products Style settings *******************************************************************************************************************************************************************************************/ .featuredTable { height: 200px; width: 210px; margin-bottom: 10px; background-image:url('../images/featuredTable.jpg'); background-position: top center; background-repeat: no-repeat; } .featuredTable th { font-size: 10px; font-weight: normal; color: #F05004; padding: 2px; vertical-align: middle; text-align: left; height: 28px; } .featuredTable h3 { font-size: 10px; color: #F26128; margin: 0px; letter-spacing: 1px; } .featuredTableCenter { font-size: 11px; line-height: 15px; color: #ffffff; font-weight: normal; font-style: italic; padding: 3px; } .featuredTableCenter img { border: 1px solid #F26128; } .featuredTableBottom { height: 20px; font-size: 10px; font-style: italic; letter-spacing: 1px; color: #222222; border-bottom:0px dotted #cccccc; text-align: right; vertical-align: top; padding: 2px; padding-right: 10px; } .featuredTable a:link, .featuredTable a:visited { color: #111111; text-decoration : underline; font-weight: bold; } .featuredTable a:hover, .featuredTable a:active { color: #F26128; text-decoration : none; font-weight: bold; } .featuredKoiContainer { width: 275px; height: 220px; float: left; margin: 2px; display: inline; } .featuredKoiTable { width: 275px; height: 220px; } .featuredKoiTable th { height: 20px; background-image:url('../images/featuredKoiTableTH.jpg'); color: #fff; font-size: 14px; } .featuredKoiImageCell { width: 100px; height: 200px; padding: 0px; } .featuredDetailCell { width: 175px; height: 200px; background: #fff; background-image:url('../images/featuredDetailCell.jpg'); padding: 0px; vertical-align: top; } .featuredDetails { width: 100%; } .featuredDetailsLabel { padding:2px; font-weight: bold; vertical-align: top; text-align:right; font-size: 10px; } .featuredDetailsInfo { width: 100%; padding:2px; font-style: italic; vertical-align: top; text-indent: 2px; font-size: 11px; } .featuredDetails a:link, .featuredDetails a:visited { color: #F26128; text-decoration : underline; font-weight: bold; } .featuredDetails a:hover, .featuredDetails a:active { color: #111111; text-decoration : none; font-weight: bold; } /************************************************************************************************************************************************************* Below is style for PDF Downloads Feature *************************************************************************************************************************************************************/ .StateLabels { width: 720px; background:transparent url("../images/nav-bg.gif");; color: #222222; font-style: italic; font-size: 14px; margin-top: 10px; margin-bottom: 5px; letter-spacing: 2px; } .StateTables { width: 720px; border:0px solid #dddddd; } .StateTables td { padding: 2px; vertical-align: top; } .dealerInfoTables { width: 360px; margin-bottom: 1px; border:0px solid #dddddd; } .dealerInfoTableText { padding-left: 5px; color: #444444; font-style: italic; font-size: 11px; } .dealerInfoName { color: #222222; font-style: italic; font-size: 16px; line-height: 19px; } /************************************************************************************************************************************************************* Below is style for Pond Pictures Feature *************************************************************************************************************************************************************/ #photoGalleryContainer { width: 100%; } .photoGalleryContainerCell { vertical-align: top; text-align: center; padding: 2px; width: 33%; border:#800000 0px solid; } .photoGalleryDisplayTable { background-color: #ffffff; border:#777777 1px solid; } .photoGalleryDisplayTable td { padding: 2px; text-align: center; } .photoGalleryDisplayTable th { padding: 2px; font-style: italic; font-size: 12px; color: #444444; vertical-align: top; height: 60px; } #pagerDiv { background-color: #dddddd; font-size: 15px; font-style: italic; color: #222222; padding: 1px; border:#777777 1px solid; } #pagerDiv a:link, #pagerDiv a:visited { color: #555555; text-decoration : none; font-weight: bold; font-size: 13px; } #pagerDiv a:hover, #pagerDiv a:active { color: #800000; text-decoration : underline; font-weight: bold; font-size: 13px; } /************************************************************************************************************************************************************* Above is style for Pond Pictures Feature *************************************************************************************************************************************************************/ #containmentDiv { width: 790px; } #displayDiv { width: 390px; float: left; display:inline; margin: 2px; } .WholesaleItemsTable { background-color: #ffffff; border-collapse: collapse; border: 1px solid #dadada; width: 100%; } .WholesaleItemsTable th { background-color: #5f5f5f; color: #fff; padding: 1px; border: 1px solid #efefef; } .WholesaleItemsTable td { text-indent: 5px; font-size: 12px; color: #333333; padding: 1px; border: 1px solid #dadada; } .wholesaleLoginTable { width: 196px; height: 140px; margin-top: 10px; background-color: #fff; background-image:url('../images/wholesaleLoginTable.jpg'); background-repeat: no-repeat; color: #000000; } .wholesaleLoginTable th { text-align: right; padding: 1px; font-size: 10px; font-weight: normal; } .wholesaleLoginTable td { text-align: center; padding: 1px; } .titleCell { text-align: center; font-weight: bold; padding: 2px; font-size: 15px; color: #002547; letter-spacing: 1px; height: 20px; font-style: italic; } .wholesaleLoginTable a:link, .wholesaleLoginTable a:visited { color: #800000; text-decoration: underline; font-size: 9px; } .wholesaleLoginTable a:active, .wholesaleLoginTable a:hover { color: #000000; text-decoration: underline; font-size: 9px; } .wholesaleLoginTableInput { width: 130px; font-size: 10px; border: 1px solid #999999; background-color: #ffffff; } .wholesaleButton { } .randomFactsTable { width: 99%; background-color: #fff; color: #000000; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; margin-top: 5px; margin-bottom: 5px; border:1px solid #999999; } .randomFactsTable th { padding: 2px; font-size: 13px; font-style: italic; color: #800000; letter-spacing: 1px; border-top:0px solid #999999; border-bottom:0px solid #999999; } .randomFactsTable td { padding: 4px; font-size: 13px; font-style: italic; color: #000000; } .testimonials { width: 100%; height: 200px; background-image:url('../images/testimonials.jpg'); background-repeat: no-repeat; margin-top: 20px; } .testimonials td { width: 100%; text-align: center; font-size: 13px; font-style: italic; color: #efefef; padding: 20px; padding-bottom: 0px; } .testimonials th { width: 100%; height: 50px; vertical-align: top; text-align: right; font-size: 13px; font-style: italic; color: #0A355C; padding-right: 20px; } .testimonials a:link, .testimonials a:visited { color: #0A355C; text-decoration: underline; font-size: 13px; } .testimonials a:active, .testimonials a:hover { color: #ffffff; text-decoration: none; font-size: 13px; } #testimonialLink { font-size: 15px; padding-right: 20px; } /*********************************** End Stylesheet a:link, a:visited { color: #934C0F; text-decoration: underline; } a:hover, a:active { color: #A2B971; text-decoration: none; } ***********************************/