/******************************************************************************************************************************************************************************************* ************************************* CSS Document Author: Michael Oleksak - StarsnSites.com for New England Koi & Pond ************************************* ************************************* copyright ©2008 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. #6A0000 (RED) ************************************* *******************************************************************************************************************************************************************************************/ body { font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; background-color: #336699; background-image:url('../images/pageBack.gif'); background-position: top center; background-repeat: repeat-y; margin: 0px; font-size: 13px; } table, div, tbody { font-size: 13px; border-collapse: collapse; color: #5F5F5F; } a:link, a:visited { color: #000000; text-decoration: underline; } a:hover, a:active { color: #660000; text-decoration: none; } #waiverFormDIV { width: 250px; float: left; font-size: 10px; font-style: italic; border: 1px dotted #333333; } #salePriceDIV { width: 200px; float: left; font-size: 10px; color: #008000; font-weight: bold; margin-top: 10px; } /******************************************************************************************************************************************************************************************* Begin Main Banner Head Table style settings *******************************************************************************************************************************************************************************************/ .bannerTable { width: 1000px; height:200px; } .bannerTop { width: 1000px; height:170px; background-image:url('../images/New-England-Koi_01.jpg'); background-repeat: no-repeat; color: #FEF34C; font-size: 19px; font-style: italic; vertical-align: bottom; text-align: center; padding-bottom: 10px; text-indent: 120px; } .bannerNav { width: 600px; height:30px; background-image:url('../images/CountryGardenFish_03.jpg'); background-repeat: no-repeat; text-align: center; } .bannerTable a:link, .bannerTable a:visited { color: #ffffff; text-decoration: underline; } .bannerTable a:hover, .bannerTable a:active { color: #FFCC33; text-decoration: none; } /******************************************************************************************************************************************************************************************* Begin Main Outer Containing Table style settings *******************************************************************************************************************************************************************************************/ .mainTable { width: 1000px; height:100%; background-color: #fff; } .mainTableBannerCell { width: 1000px; height: 200px; padding:0px; vertical-align: top; } .searchCell { width: 200px; height:30px; background-image:url('../images/New-England-Koi_07.jpg'); vertical-align: middle; text-align: center; padding-top: 2px; } .input2 { width: 190px; font-size: 10px; color: #336699; background-color: transparent; margin-bottom: 3px; text-indent: 2px; border: 0px solid #CACACA; } .searchButton { width: 30px; height: 30px; border: 0px; } .searchButtonCell { width: 30px; height: 30px; padding: 0px; } .mainTableHeading { width: 100%; height:30px; vertical-align: middle; text-align: center; background-color: #efefef; color: #336699; border-top:1px solid #444444; border-bottom:1px solid #444444; /**For the h1 heading tags**/ } .mainTableHeading h1 { font-size: 14px; color: #336699; font-style: italic; /**For the h1 heading tags**/ } .mainTableHeading a:link, .mainTableHeading a:visited { color: #336699; text-decoration: underline; /**For the h1 heading tags**/ } .mainTableHeading a:hover, .mainTableHeading a:active { color: #880000; text-decoration: none; /**For the h1 heading tags**/ } .mainTableContentCell { height:100%; width: 1000px; padding: 0px; vertical-align: top; color: #336699; } .copyright { width: 1000px; height:40px; background-color: #ffffff; vertical-align: middle; text-align: center; font-size: 10px; color: #336699; } .copyright a:link, .copyright a:visited { color: #31514C; text-decoration: none; } .copyright a:hover, .copyright a:active { color: #000000; text-decoration: underline; } /******************************************************************************************************************************************************************************************* Begin Inner Content Containing Table style settings (2 & 3 Panels) *******************************************************************************************************************************************************************************************/ .innerContentTable { height:100%; width: 1000px; border-left:0px solid #98AA79; border-right:0px solid #98AA79;} .innerContentLeft { height:100%; width: 200px; padding:0px; vertical-align: top; color: #31514C; font-size: 9px; } .insertLeft { height:100%; width: 200px; padding:0px; vertical-align: top; } .insertLeft td { vertical-align: top; } .innerContentCenter { height:100%; padding:2px; vertical-align: top; color: #333333; font-size: 15px; } .innerInnerContentTable { height:100%; width: 100%; color: #333333; font-size: 15px; } /*Contains MainTableHeading and Content*/ .innerContentCenter2 { height:100%; padding:4px; vertical-align: top; color: #333333; font-size: 15px; } /*Contains Actual Content*/ .innerContentRight { height:100%; width: 195px; padding:1px; vertical-align: top; text-align: center; color: #31514C; font-size: 11px; } /******************************************************************************************************************************************************************************************* Begin Featured Product Containing Table style settings *******************************************************************************************************************************************************************************************/ .featuredTable { width: 190px; font-size: 9px; background-color: #ffffff; color: #555555; line-height: 15px; border:0px solid #B30924; margin-bottom: 10px; margin-top: 5px; } .featuredTable th { width: 190px; font-size: 11px; letter-spacing: 1px; background-color: #336699; color: #FFEF00; height: 30px; padding: 2px; background-image:url('../images/FeaturedTabelTop.jpg'); text-align: left; text-indent: 4px; } .shadow { height: 1em; filter: Shadow(Color=#000000, Direction=135, Strength=2); } .featuredTableCenter { font-size: 11px; color: #1E4C78; font-weight: normal; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; background-color: #fff; border-top:0px solid #333333; border-left:1px solid #3F749C; border-right:1px solid #3F749C; } .featuredTableBottom { height: 20px; font-size: 9px; letter-spacing: 1px; background-color: #fff; border-bottom:1px solid #3F749C; border-left:1px solid #3F749C; border-right:1px solid #3F749C; text-align: right; color: #222222; vertical-align: top; line-height: 13px; padding: 2px; } .featuredTable a:link, .featuredTable a:visited { color: #222222; text-decoration : none; font-weight: bold;} .featuredTable a:hover, .featuredTable a:active { color: #800000; text-decoration : underline; font-weight: bold;} .featuredPic { border:#A7A7A7 1px solid; } /******************************************************************************************************************************************************************************************* Begin SUBmenu Table style settings *******************************************************************************************************************************************************************************************/ table.SUBmenu a { padding: 1px; text-decoration:none; width:100%; border: 1px #3F749C solid; border-left: 5px #3F749C solid; display: block; } div.SUBmenu a { color: #000; background: #fff; text-decoration:none; font-size:11px; line-height:14px; padding: 2px 5px; font-style: italic; } div.SUBmenu a:link, div.SUBmenu a:visited { color: #000A40; background: #fff; text-decoration:none; } div.SUBmenu a:hover, div.SUBmenu a:active { font-weight: normal; color: #ffffff; background: #3F749C; border: 1px #789641 solid; border-left: 5px #789641 solid; text-decoration:none; } /******************************************************************************************************************************************************************************************* SubCategory Nav Table Used in the Category Page [category.php] *******************************************************************************************************************************************************************************************/ .navDisplayTable { width:100%; } .navDisplayTable td { padding: 3px; vertical-align: top; } .subCatNavTable { width:100%; height: 100%; background: #fff; padding: 0px; } .subCatNavTable td { padding: 0px; vertical-align: middle; } .subCatNavTopLeft { width: 30px; height: 30px; padding: 0px; } .subCatNavTopTitle { width:100%; height: 30px; background-color: #316895; background-image:url('../images/subCatNavTH_02.jpg'); background-repeat: repeat-x; background-position: top left; color: #fff; font-size:14px; text-align: center; padding: 0px; vertical-align: bottom; font-weight: bold; } .subCatNavTopRight { width: 30px; height: 30px; padding: 0px; } .subCatNavTableText { width:100%; height: 100px; background: #fff; color: #555555; padding-left: 4px; vertical-align: top; text-align: left; font-size:11px; border:1px solid #9EB1CF; } #subCatNavTableText { width:100%; height: 100px; background: #fff; color: #555555; padding-left: 4px; vertical-align: middle; text-align: left; font-size:12px; border:1px solid #9EB1CF; } .subCatNavTable a:link, .subCatNavTable a:visited { color: #efefef; text-decoration:underline; } .subCatNavTable a:hover, .subCatNavTable a:active { color: #ffff00; text-decoration:none; } .subCatNav { width:100%; height: 100%; border:0px solid #FFCC66; } .subCatNav td { width:100%; height: 95px; background: #fff; color: #555555; padding: 4px; vertical-align: middle; text-align: left; font-size:11px; border:1px solid #9EB1CF; } .subCatNav th { width:100%; height: 20px; background: #687B98; background-image:url('../images/subCatNavTH.jpg'); color: #fff; padding: 2px; vertical-align: top; font-size:12px; border:0px dotted #555555; } .subCatNav a:link, .subCatNav a:visited { color: #efefef; text-decoration:underline; } .subCatNav a:hover, .subCatNav a:active { color: #ffff00; text-decoration:none; } /*********************************** The Table in the middle with SubCategory navigation and content container ***********************************/ #contentTable { height:100%; width: 100%; background-color: #ffffff; } .contentNav { padding:5px; text-align: center; font-size: 10px; color: #555555; line-height: 15px; font-weight: bold; background-color: #efefef; border-bottom:1px solid #314163; border-top:1px solid #314163;} .contentNav a:link, .contentNav a:active, .contentNav a:visited { color: #6C80BE; text-decoration : underline; } .contentNav a:hover { color: #314163; text-decoration : underline; font-weight: bold;} .contentMain { vertical-align: top; padding:4px; } .SubCatContent { width: 100%; vertical-align: top; line-height: 17px; } .product { text-align: left; text-indent: 5px; letter-spacing: 2px; background-color: #F4F4F4; border:1px solid #3B92EF; padding:2px; } /*********************************** The Table in the middle with nav and content container ***********************************/ form { margin: 0px; padding: 0px; border: none; } /*********************************** Begin Link Styles ***********************************/ /*********************************** Used in Pond Calculator ***********************************/ span.radius { visibility: hidden; } /******************************************************************************************************************************************************************************************* Heading Tag Styles *******************************************************************************************************************************************************************************************/ h1.error {font-size: small; color: red; font-weight: bold; text-align: center;} h1.category { font-weight: bold; font-size: 14px; line-height: 20px; color: #6C80BE; margin-top: 2px; margin-bottom: 2px; letter-spacing: 2px; } h1 { font-size: 12px; line-height: 20px; color: #DA8B4D; margin-top: 2px; margin-bottom: 2px; } h2,h3 { font-size: 14px; color: #660000; margin-top: 2px; margin-bottom: 2px; } .border { font-size: 12px; color: #FFFFFF; font-weight: bold; margin-top: 1px; margin-bottom: 2px; border:1px solid #FDB350; padding: 2px; background-color: #C3B690; width: 98%; } h2.products { font-size: 11px; color: #3B92EF; margin-top: 1px; margin-bottom: 0px; } .products h2 { font-size: 11px; color: #3B92EF; margin-top: 1px; margin-bottom: 2px; } h3.error { font-size: 13px; font-weight: bold; margin-top: 1px; margin-bottom: 1px; line-height: 16px; color: #ff0000; } h1.featured { font-size: 17px; background-color : #525D8C; margin-top: 1px; margin-bottom: 2px; line-height: 24px; color: #ffffff; border: 1px solid #555555; } /* End Heading Tag Styles*/ /*********************************** Below is style for Pond Pictures Feature ***********************************/ #photoGalleryContainer { width: 690px; margin: auto; } .photoGalleryContainertd { width: 50%; vertical-align: top; text-align: center; } .picS { width: 100%; background-color: #ffffff; border:#777777 1px solid; border-collapse: collapse; font-size: 9px; color: #555555; } .pictureCell { width: 160px; height: 120px; text-align: center; background-color: #555555; vertical-align: top; padding: 0px; } .textCell { width: 50%; font-size: 11px; background-color: #fff; padding: 5px; text-align: left; vertical-align: middle; } .picSbottom { width: 100%; height: 11px; background-color: #777777; font-size: 9px; color: #efefef; vertical-align: middle; padding-left: 20px; } /*********************************** Above is style for Pond Pictures Feature ***********************************/ /*********************************** Miscellaneous Body Part Tag Styles ***********************************/ textarea, form select, input { font-size: 11px; border: 1px solid #555555; background-color: #F5F5F5; } ul { list-style-image: url('../images/bulltetpoint.gif') } hr { height: 1px; width: 90%; color: #585858; } img { border: 0px; } .white { height: 1px; width: 90%; color: #DDD7BA; border:#DDD7BA 1px dotted; } /***************************************** Begin Product Info Table Style *****************************************/ /****************************************** End Product Info Table Style ******************************************/ .featured { border:#555555 1px solid; text-align:center; } .featured th { background-image:url('../images/pricecart.jpg'); font-size:12px; font-weight: 550; color:#ffffff; border:#555555 1px solid; padding:2px; } .featured td { border:#c0c0c0 1px solid; font-size: 9px; color:#000; padding:2px; } /* end product navigation menu*/ .buttonMain { font-size: 10px; color: #ffffff; background-color: #525D8C; border-top-color: #D1D7DC; border-right-color: #98AAB1; border-bottom-color: #000000; border-left-color: #D1D7DC; } /*********************************** End Copyright Section ***********************************/ /*********************************** End Main Seacrh Form Field Styles ***********************************/ /*********************************** The Table in the middle of the Contact Form ***********************************/ .tableborder { border: #777777 1px dotted; padding: 4px; width: 550px; text-align: center;} .tableborder td { padding: 2px; } .address { font-size: 10px; vertical-align: top; padding: 4px;} .letterSpace { letter-spacing: 12px;} .letterSpaceSmall { letter-spacing: 6px;} .tableborder2 { border: #777777 1px dotted; padding: 4px; width: 490px; text-align: center;} .tableborder2 td { padding: 2px; } /********************************************************************** List Article Stylesheet **********************************************************************/ .articleListTable { width: 184px; padding:2px; background-color: #1A1A1A; display: inline; font-size: 9px; border:1px solid #444444 } .articleListTable td { font-size: 9px; text-align: left; padding-left:2px; vertical-align: top;} .articleListTable a:link, .articleListTable a:active, .articleListTable a:visited { color: #949494; text-decoration : underline; } .articleListTable a:hover { color: #dd6900; text-decoration : underline; font-weight: normal;} .articleListTableCenter { width: 100%; padding: 0px; font-size: 10px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; } /********************************************************************** News Article Stylesheet **********************************************************************/ .newsTable { background-color: #1A1A1A; color: #DDD7BA; width: 100%; font-size: 11px; border:1px solid #444444; text-align: left; padding-left: 5px; } .newsTable th { background-color: #333333; color: #DDD7BA; width: 100%; font-size: 13px; text-align: center; padding: 2px; border:1px solid #444444; } .newsTable td { background-color: #000000; color: #DDD7BA; width: 100%; font-size: 12px; padding: 2px; border:1px solid #444444; } .newsTable a:link, .newsTable a:visited { color: #00D5DD; text-decoration : none; } .newsTable a:hover, .newsTable a:active { color: #A8A8A8; text-decoration : none; font-weight: bold;} .clientinfo { width: 90%; border: 1px dotted #CECECE; color: #000000; line-height: 20px; margin: 20px;} .clientinfo td { background-color: #ffffff; color: #000000; padding: 4px; } .clientinfo th { background-color: #efefef; color: #000000; padding: 4px; border:2px dashed #A6352C;} .inputCheckBox { font-size: 11px; border: 0px solid #555555; background-color: #efefef; margin-top: 3px; margin-bottom: 0px;} /*********************************** End Stylesheet ***********************************/