/******************************************************************************************************************************************************************************************* CSS Document Author: Michael Oleksak - StarsnSites.com for Water Garden WS copyright ©2008 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-family: Verdana, Arial, Helvetica, sans-serif; ******************************************************************************************************************************************************************************/ body { background-color: #fff; margin: 0 5px 10px 0; padding: 0; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; background-image:url('../images/background.jpg'); background-position: top; background-repeat: repeat-x; font-size: 12px; } table, div, tbody { border-collapse: collapse; /* 12px is default size for tables with no declaration */ } td { vertical-align: top; } /*Used to make all tags default to top*/ /*Link Styles*/ a:link, a:visited { color: #00172D; text-decoration: underline; } a:hover, a:active { color: #800000; text-decoration: none; } /*Heading Tag Styles*/ h1 { font-size: 16px; color: #A64242; margin: 0px; text-transform: capitalize; } h2 { font-size: 15px; color: #6F2C2C; margin: 0px; } h3 { font-size: 14px; color: #371616; 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; } ol { list-style-type: lower-roman; } hr { height: 1px; width: 90%; color: #906F66; } img { border: 0px } /****************************************************************************Begin Main Outer Containing Table style settings*************************************************************** *****************************************************************************Begin Main Outer Containing Table style settings**************************************************************/ .mainTable { width: 1000px; height:100%; background-color: #fff; table-layout: fixed; } .mainTableBannerCell { width: 1000px; height:230px; background-color: #fff; } .bannerTable { width: 1000px; height:230px; } .bannerCell { width: 1000px; height:200px; background-image:url('../images/KoiDepot_01.jpg'); vertical-align: bottom; padding-bottom: 15px; text-indent: 200px; font-size: 20px; font-style: italic; color: #640100; } .mainTableNavCell { width: 470px; height:30px; background-image:url('../images/KoiDepot_03.jpg'); vertical-align: middle; text-align: center; font-size: 12px; } /**Top Navigation Style**/ #navcontainer ul { margin: 0; list-style-type: none; float: left; border-left: 1px solid #cccccc; font-size: 14px; } #navcontainer ul li { display: inline; } #navcontainer ul li a { color: #832A63; text-decoration: none; padding: 4px 20px; float: left; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #999999; } #navcontainer ul li a:hover { background-color: #efefef; color: #5B8DBF; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; } .searchCell { width: 260px; height:30px; background-image:url('../images/KoiDepot_04.jpg'); vertical-align: middle; text-align: right; } .input2 { width: 250px; font-size: 10px; color: #000000; background-color: transparent; border: 0px solid #CACACA; } .searchButton { width: 70px; height: 30px; border: 0px; vertical-align: top; } .mainHeading { width: 1000px; height:80px; background-color: #fff; color: #CADFEB; background-image:url('../images/KoiDepot_06.jpg'); background-position: top left; background-repeat: no-repeat; text-align: center; vertical-align: middle; /**For the h1 heading tags**/ } .mainHeading h1 { font-size: 14px; color: #832A63; font-style: italic; /**For the h1 heading tags**/ } .mainHeading a:link, .mainHeading a:visited { color: #832A63; text-decoration: underline; /**For the h1 heading tags**/ } .mainHeading a:hover, .mainHeading a:active { color: #5B8DBF; text-decoration: none; /**For the h1 heading tags**/ } .mainTableContentCell { height:100%; width: 1000px; padding: 0px; } .copyright { font-size: 11px; font-style: italic; background-color: #efefef; color: #7EABC8; text-align: center; height: 40px; vertical-align: middle; } .copyright a:link, .copyright a:visited { color: #7EABC8; text-decoration: none; } .copyright a:hover, .copyright a:active { color: #CADFEB; text-decoration: underline; } /******************************************************************************************************************************************************************************************* Begin Inner Content Containing Table style settings (2 & 3 Panels) *******************************************************************************************************************************************************************************************/ .innerContentTable { height:100%; width: 1000px; } .innerContentLeft { height:100%; width: 200px; padding: 0px; background-color: #fff; font-size: 10px; color: #684B43; } .innerContentCenter { height:100%; padding:4px; vertical-align: top; color: #00172D; font-size: 15px; } /**Used in pages where there is a right-hand column (3 Panels)**/ .innerContentRight { height:100%; width: 200px; padding: 2px; font-size: 11px; color: #906F66; } /******************************************************************************************************************************************************************************************* Begin Main Left Navigation (Menu) Style settings *******************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************* Begin Sub-Menu Navigation (Menu) Style settings *******************************************************************************************************************************************************************************************/ table.SUBmenu a { padding: 1px; text-decoration:none; width:100%; border: 1px #4385C8 solid; border-left: 5px #4385C8 solid; display: block; } div.SUBmenu a { color: #455C27; background: #fff; text-decoration:none; font-size:10px; line-height:14px; font-family: verdana, sans-serif; padding: 2px 5px; } div.SUBmenu a:link, div.SUBmenu a:visited { color: #000000; background: #fff; text-decoration:none; } div.SUBmenu a:hover, div.SUBmenu a:active { font-weight: normal; color: #fff; background: #00172D; border: 1px #4385C8 solid; border-left: 5px #800000 solid; } /******************************************************************************************************************************************************************************************* Begin Featured Products Style settings *******************************************************************************************************************************************************************************************/ .featuredTable { width: 200px; border:0px solid #B30924; margin-bottom: 10px; margin-top: 5px; table-layout: fixed; background-image:url('../images/featuredTable.jpg'); background-position: top; background-repeat: no-repeat;} .featuredTable th { font-size: 11px; letter-spacing: 1px; color: #00172D; padding: 2px; height: 30px; vertical-align: bottom; } .featuredTableCenter { font-size: 12px; color: #660033; font-weight: normal; font-style: italic; padding: 2px; } .featuredTableCenter img { border: 1px solid #832A63; } .featuredTableBottom { height: 20px; font-size: 9px; font-style: italic; letter-spacing: 1px; color: #222222; border-bottom:1px dotted #cccccc; text-align: right; vertical-align: top; line-height: 13px; padding: 2px; } .featuredTable a:link, .featuredTable a:active, .featuredTable a:visited { color: #222222; text-decoration : none; font-weight: bold;} .featuredTable a:hover { color: #800000; text-decoration : underline; font-weight: bold;} .featuredPic { border:#A7A7A7 1px solid; } /************************************************************************************************************************************************************* End Stylesheet FeatBack.jpg *************************************************************************************************************************************************************/ .addressTable { width: 198px; border:1px solid #832A63; } .addressTable td { padding: 2px; vertical-align: middle; text-align: center; color: #832A63; letter-spacing: 1px; font-size: 11px; font-style: italic; } /*********************************** Below is style for Pond Pictures Feature ***********************************/ #photoGalleryContainer { width: 100%; } .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: 220px; font-size: 10px; font-weight: 200; background-color: #efefef; padding: 5px; text-align: left; vertical-align: middle; } .textCell { width: 220px; font-size: 10px; font-weight: 200; background-color: #efefef; padding: 5px; text-align: left; vertical-align: middle; } .textCell td { width: 220px; font-size: 10px; font-weight: 200; background-color: #efefef; 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; } /*********************************** Below is style for Pond Pictures Feature ***********************************/ .picS { width: 98%; background-color: #ffffff; border:#324267 1px solid; border-collapse: collapse; font-size: 12px; color: #555555;} .picS td { width: 100px; height: 75px; text-align: center; vertical-align: middle; border:#efefef 1px solid; } .picS th { font-size: 12px; font-weight: 200; background-color: #fff; border:#82AAC6 1px solid; padding-left: 5px; text-align: left; vertical-align: middle; width: 50%; } /*********************************** Above is style for Pond Pictures Feature ***********************************/ .floatbox { float: left; width: 340px; height: 300px; margin: 5px 5px 5px 5px; display: inline-block; } .floatboxRight { float: right; width: 340px; height: 300px; margin: 5px 5px 5px 5px; display: inline-block; } .newsfloatbox { border:0px solid #dddddd; float: right; width: 425px; /* height: 280px; */ margin: 5px 0 5px 0px; display: inline-block; } .rssNewsFeeds { width: 425px; font-size: 12px; color: #333333; border-left:0px solid #dddddd; border-right:0px solid #dddddd; border-collapse: collapse;} .rssNewsFeeds td { border-bottom:0px solid #dddddd; font-size: 10px; background-color: #fff; color: color: #333333; padding: 2px; } .rssNewsFeeds th { border:2px solid #fff; font-size: 9px; background-color: #F0F0F0; color: #444444; padding: 4px; text-align: left; } .rssNewsFeeds h1 { font-size: 13px; line-height: 20px; color: #00457C; margin-top: 2px; margin-bottom: 2px; } .rssNewsFeeds a:link, .rssNewsFeeds a:visited { color: #444444; text-decoration: none; } .rssNewsFeeds a:hover, .rssNewsFeeds a:active { color: #333333; text-decoration: none; } /******************************************************************************************************************************************************************************* End Stylesheet *******************************************************************************************************************************************************************************/