/******************************************************************************************************************************************************************************************* 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: #EDE8D5; margin: 0 0 0 0; padding: 0; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; background-image:url('../images/pageBack.jpg'); } 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/pageBackTop.jpg'); background-position: top center; background-repeat: repeat-x; text-align: center; } /*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; } h2 { font-size: 15px; color: #934C0F; margin: 0px; } h3 { font-size: 13px; color: #5C3317; 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**************************************************************/ #mainTableDIV { width: 1000px; height:100%; text-align: left; margin: auto; } .mainTable { width: 1000px; height:100%; table-layout: fixed; } .mainTableBannerCell { width: 1000px; height: 250px; vertical-align: top; } .mainBannerTable { width: 1000px; height: 250px; padding:0px; } .mainBannerTableTopCell { width: 1000px; height: 20px; padding:0px; } .mainBannerTableLogoCell { width: 1000px; height: 200px; background-image:url('../images/WaterfordGardens_02.jpg'); padding:0px; vertical-align: middle; text-align: center; padding:0px; } .mainBannerTableNavCell { width: 1000px; height: 30px; padding:0px; } .mainTableHeading { width: 100%; height:30px; vertical-align: middle; text-align: center; color: #4D4E14; /**For the h1 heading tags**/ } .mainTableHeading h1 { font-size: 13px; color: #4D4E14; font-style: italic; /**For the h1 heading tags**/ } .mainTableHeading a:link, .mainTableHeading a:visited { color: #4D4E14; 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%; padding: 0px; vertical-align: top; color: #efefef; background-image:url('../images/OldPaperBack.jpg'); } .copyright { width: 1000px; height:50px; background: url('../images/copyright.jpg'); font-size: 12px; font-style: italic; text-align: right; padding-right: 20px; vertical-align: bottom; color: #444444; padding-bottom: 10px; padding-left: 4px; padding-top: 4px; } .copyright a:link, .copyright a:visited { color: #444444; text-decoration: none; } .copyright a:hover, .copyright a:active { color: #000000; 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; } /** The Search Table Styles **/ #searchContainer {width: 250px; float: right; } .searchTable { width: 490px; height:40px; } .searchCell { width: 220px; height:30px; background-image:url('../images/searchCell.jpg'); background-repeat: no-repeat; vertical-align: middle; text-align: right; } .input2 { width: 210px; font-size: 14px; color: #084D8E; font-style: italic; background: transparent; border: 0px solid #CACACA; letter-spacing: 1px; } .searchButton { width: 30px; 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; } /**Top Navigation Style**/ #navcontainer { width: 670px; text-align: left; position: relative; float: left; } #navcontainer ul { width: 670px; background:transparent; margin-left: 0; margin-top: 0; margin-bottom: auto; float: left; border-left: 1px solid #cccccc; font-size: 11px; letter-spacing: 2px; } #navcontainer ul li { display: inline; } #navcontainer ul li a { color: #DDDDDD; text-decoration: none; padding: .6em .9em; float: left; border-top: 0px solid #242424; border-bottom: 1px solid transparent; border-right: 1px solid #cccccc; } #navcontainer ul li a:hover { background: #5C3317; color: #fff; border-top: 0px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #cccccc; } #datecontainer { display: inline; width: 270px; float: left; color: #ffffff; padding: .8em .9em; font-size: 10px; } /**Top Navigation Style**/ /******************************************************************************************************************************************************************************************* Begin Inner Content Containing Table style settings (2 & 3 Panels) *******************************************************************************************************************************************************************************************/ .innerContentTable { height:100%; width: 1000px; background-image:url('../images/innerContentTable.jpg'); background-position: left top; background-repeat:no-repeat; } .innerContentLeft { height:100%; width: 250px; background-image:url('../images/innerContentLeft.png'); background-position: left top; background-repeat:repeat-y; padding-left: 1px; font-size: 10px; color: #684B43; vertical-align: top; text-align: center; } .innerContentCenter { height:100%; background: transparent; padding:15px 10px 15px 0px; vertical-align: top; color: #111111; font-size: 15px; } .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; } #SUBContainerProductDIV { width: 770px; position: relative; margin: auto; } /** .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: 200px; background: transparent; border:0px solid #5C3317; margin-top: 5px; margin-bottom: 5px; margin-right: 25px;} .addressTable td { padding: 5px; vertical-align: middle; font-style: italic; text-align: center; color: #efefef; letter-spacing: 1px; font-size: 13px; } .addressTable th { padding: 5px; vertical-align: middle; font-style: italic; text-align: center; color: #FF9999; letter-spacing: 1px; font-size: 13px; } /******************************************************************************************************************************************************************************************* Begin Featured Products & Koi Style settings *******************************************************************************************************************************************************************************************/ .featuredKoiContainer { width: 270px; position: relative; float: right; text-align: center; } .featuredKoiDIV { width: 132px; height: 250px; float: right; margin: 1px; } .featuredKoiTable { width: 130px; height: 249px; background: #1A1A1A url("../images/KoiTable.jpg"); } .featuredKoiTable td { font-size: 14px; line-height: 16px; letter-spacing: 1px; font-style: italic; text-align: center; color: #949494; vertical-align: middle; border:1px solid #000; padding: 4px; } .featuredKoiTable img { margin: 6px; } .featuredKoiTable a:link, .featuredKoiTable a:visited { color: #949494; text-decoration: underline; font-size: 10px; } .featuredKoiTable a:hover, .featuredKoiTable a:active { color: #efefef; text-decoration: none; font-size: 10px; } .featuredItemContainer { width: 270px; position: relative; float: right; text-align: center; } .featuredItemDIV { width: 270px; height: 190px; position: relative; float: right; text-align: center; background: transparent; background-image: url("../images/featuredItem.png"); background-repeat:no-repeat; margin: 1px; margin-top: 10px; } .featuredItemLabel { width: 260px; text-align: left; font-size: 13px; font-weight: bold; color: #111111; text-indent: 10px; clear:both; margin-top: 25px; margin-bottom: 5px; } .featuredContent { width: 240px; position: relative; margin-left: 12px; height: 110px; overflow: hidden; font-size: 11px; text-align: left; font-style: italic; color: 333333; } .featuredContent img { border:#333333 1px solid; } .featuredLink { width: 240px; float: left; font-size: 11px; text-align:right; padding-right: 4px; } .featuredLink a:link, .featuredLink a:visited { color: #800000; text-decoration : underline; font-weight: bold; } .featuredLink a:hover, .featuredLink a:active { color: #000000; text-decoration : none; font-weight: bold; } /******************************************************************************************************************************************************************************************* 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; height:22px; } .verdana11-header { font-size: 14px; font-variant: normal; color: #5C3317; letter-spacing: 1px; padding: 4px; width: 210px; } #home_left { background: transparent; width: 210px; float: left; padding: 0px 0px 0px 0px; text-align: left; } .leftnav { background: transparent; 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 { background-image:url('../images/leftNav.png'); background-repeat: no-repeat; line-height: 25px; font-size: 13px; padding-left: 7px; text-transform: capitalize; border-bottom: 1px solid transparent; } .leftnav li.navelement a:link, .leftnav li.navelement a:visited { text-decoration: none; color: #000000; } .leftnav li.navelement a:hover, .leftnav li.navelement a:active { text-decoration: none; color: #800000; } .leftnav li.subnavelement { background-image:url('../images/leftNavOver.png'); background-repeat: no-repeat; padding: 0px 0px 0px 0px; line-height: 25px; font-size: 11px; border-bottom: 1px solid transparent; text-align: left; text-indent: 15px; } .leftnav li.subnavelement a:link, .leftnav li.subnavelement a:visited { text-decoration: none; color: #333333; } .leftnav li.subnavelement a:hover, .leftnav li.subnavelement a:active { text-decoration: none; color: #000000; } /******************************************************************************************************************************************************************************************* 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:90%; 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:230px; height: 90px; background: transparent; border:1px dashed #444; margin: 2px; /* background-image:url('../images/subCatNavTable.jpg'); background-position: top center; background-repeat: no-repeat; */} .subCatNavTableText { width:100%; line-height: 16px; color: #555555; padding: 2px; vertical-align: top; text-align: center; font-size:11px; font-style: italic; } .subCatNavTopTitle { width:100%; color: #777777; font-size:14px; text-align: center; font-weight: bold; vertical-align: top; } .subCatNavTopTitle a:link, .subCatNavTopTitle a:visited { color: #444; text-decoration:underline; } .subCatNavTopTitle a:hover, .subCatNavTopTitle a:active { color: #000000; text-decoration:none; } /************************************************************************************************************************************************************* 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: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; } /********************************************************************** Begin SUBmenu Style (table.SUBmenu a - must have width specified 100%) **********************************************************************/ #subMenuDIV { width: 730px; background: transparent; float: left; } table.SUBmenu a { padding: 1px; text-decoration:none; border: 1px #444444 solid; display: block; border-left: 5px #444444 solid; } div.SUBmenu a { background: transparent; text-decoration:none; font-size:11px; line-height:18px; font-family: verdana, sans-serif; padding: 2px 5px; } div.SUBmenu a:link, div.SUBmenu a:visited { color: #222; background:url('../images/subMenu.png') no-repeat; text-decoration:none; } div.SUBmenu a:hover, div.SUBmenu a:active { font-weight: normal; color: #fff; background: #444; border: 1px #8A3632 solid; border-left: 8px #8A3632 solid; text-decoration:none; } /*********************************** End Stylesheet a:link, a:visited { color: #934C0F; text-decoration: underline; } a:hover, a:active { color: #A2B971; text-decoration: none; } ***********************************/