/***************************************************************************************************************************************************************************** CSS Document Author: Michael Oleksak - StarsnSites.com for www.mystickoi.com copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. *****************************************************************************************************************************************************************************/ body { background:#42658C url(../images/background.jpg) left top repeat-x; margin: 0px; font-size: 11px; } table, div, tbody { font-family: verdana, sans-serif; font-size: 11px; border-collapse: collapse; color: #5F5F5F; } /***************************************************************************************************************************************************************************** Begin Main Outer Containing Table style settings *****************************************************************************************************************************************************************************/ .mainTable { height:100%; width: 1000px; padding:0px; background-color: #fff; } .mainTableBanner { height:220px; width: 1000px; padding:0px; vertical-align: top; background-image:url('../images/mainTableBanner.jpg'); }/**Contains bannerTable**/ .mainTableBody { height:100%; width: 1000px; vertical-align: top; }/**Contains .innerContentTable**/ .mainTableHeading { height:20px; width: 1000px; padding:0px; text-align: center; } .mainTableHeading h1 { font-size: 12px; color: #42658C; margin-top: 2px; margin-bottom: 2px; } .mainTableHeading a:link, .mainTableHeading a:visited { color: #42658C; text-decoration: underline; } .mainTableHeading a:hover, .mainTableHeading a:active { color: #800000; text-decoration: underline; } .copyright { font-size: 9px; background-color: #f1f1f1; color: #A1A1A1; border-top:1px solid #555555; text-align: center; height: 20px; } .copyright a:link, .copyright a:visited { color: #A1A1A1; text-decoration : none; } .copyright a:hover, .copyright a:active { color: #800000; text-decoration : underline; } /***************************************************************************************************************************************************************************** Begin Banner Table - Contact Table - Search & Nav Table style settings *****************************************************************************************************************************************************************************/ .bannerTable { height:220px; width: 1000px; padding:0px; } .bannerTable1 { height:60px; width: 1000px; padding:0px; } .bannerTable2 { height:50px; width: 1000px; padding:0px; }/****Contains Contact Table****/ .bannerTable3 { height:80px; width: 1000px; padding:0px; } .bannerTable4 { height:30px; width: 1000px; padding:0px; } .contactTable { height:50px; width: 1000px; padding:0px; } .contactTable1 { height:50px; width: 500px; padding:0px; } .contactTablePhone { height:50px; width: 300px; padding:0px; background-image:url('../images/MysticKoi_03.jpg'); text-align: center; font-size: 11px; color: #fff; vertical-align: top; } .contactTableAddress { height:50px; width: 200px; padding:0px; background-image:url('../images/MysticKoi_04.jpg'); text-align: left; font-size: 11px; color: #fff; vertical-align: top; } .searchNavTable { height:30px; width: 1000px; padding:0px; } .searchCell { height: 30px; width: 170px; vertical-align: middle; text-align: center; background-image:url('../images/MysticKoi_06.jpg'); padding-bottom: 4px; } .input2 { height: 18px; width: 160px; font-size: 9px; color: #555555; vertical-align: middle; border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #efefef; text-indent: 5px; } .shadow2 { height: 1em; filter: Shadow(Color=#555555, Direction=135, Strength=2); } /***************************************************************************************************************************************************************************** Begin Inner Content Containing Table style settings (2 & 3 Panels) *****************************************************************************************************************************************************************************/ .innerContentTable { height:100%; width: 1000px; } .innerContentLeft { height:100%; width: 200px; padding:2px; vertical-align: top; text-align: left; background-color: #fff; color: #42658C; font-size: 9px; } #koiclubsDIV { width: 200px; position: relative; float: left; text-align: center; } .innerContentLeftBottom { height:60px; width: 200px; padding:2px; vertical-align: bottom; text-align: center; background-color: #fff; color: #42658C; font-size: 9px; } .innerContentRight { height:100%; width: 200px; padding:2px; vertical-align: top; text-align: center; background-color: #fff; color: #42658C; font-size: 9px; } .innerContentRightBottom { height:60px; width: 200px; padding:2px; vertical-align: bottom; text-align: center; background-color: #fff; color: #42658C; font-size: 9px; } .innerContentCenter { height:100%; padding:5px; vertical-align: top; background-color: #fff; color: #000000; font-size: 13px; } .innerContentHome { height:100%; padding:5px; vertical-align: top; background-color: #000000; color: #D3BF83; font-size: 13px; } /******************************************************************************************************************************************************************************************* 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: 1px solid #CCCCCC; height:22px; } .verdana11-header { font-size: 12px; font-weight: bold; font-variant: normal; color: #333333; letter-spacing: 1px; } #home_left { width: 199px; float: left; padding: 0px 0px 0px 0px; } .leftnav { width: 199px; 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: 20px; 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: #555555; } .leftnav li.navelement a:hover, .leftnav li.navelement a:active { text-decoration: none; color: #800000; } .leftnav li.subnavelement { background-image:url('../images/SubNavBack.jpg'); background-repeat: no-repeat; padding: 0px 0px 0px 24px; line-height: 20px; font-size: 11px; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; } .leftnav li.subnavelement a:link, .leftnav li.subnavelement a:visited { text-decoration: none; color: #800000; } .leftnav li.subnavelement a:hover, .leftnav li.subnavelement a:active { text-decoration: none; color: #111111; } /************************************************************************************************************************************************* Begin Main Navigation Containing Table style settings *************************************************************************************************************************************************/ .navTable { background-color: #ffffff; width: 194px; font-size: 10px; border:1px solid #cccccc; } .navTable th { background-color: #f1f1f1; color: #42658C; border:1px solid #cccccc; font-size: 10px; height: 20px; } .navTable a:link, .navTable a:visited { color: #949494; text-decoration : none; } .navTable a:active, .navTable a:hover { color: #555555; text-decoration : underline; font-weight: bold; } .navSub { padding: 1px; font-size: 9px; } .navSub a:link, .navSub a:visited { color: #DA8B4D; text-decoration : underline; font-weight: normal; } .navSub a:active, .navSub a:hover { color: #000000; text-decoration : underline; font-weight: normal; } .navTableCenter { width: 100%; padding-top: 4px; padding-left: 6px; font-size: 11px; line-height: 16px; text-align: left; } /********************************************************************** Begin Content Container Table style settings **********************************************************************/ .contentTable { width:100%; } .contentContainer { height:100%; width:100%; background-color: #ffffff; color: #5F5F5F; border:1px solid #8A8A8A; padding: 4px; vertical-align: top; font-size: 13px; } .contentContainerJapan { height:100%; width:100%; background-color: #000; color: #ffffff; border:1px solid #8A8A8A; padding: 0px; vertical-align: top; font-size: 12px; } .divJapanNav { color: #ffffff; } .divJapanNav { padding: 1px; font-size: 11px; } .divJapanNav a:link, .divJapanNav a:visited { color: #D6C382; text-decoration : underline; font-weight: normal; } .divJapanNav a:active, .divJapanNav a:hover { color: #fff; text-decoration : underline; font-weight: normal; } /********************************************************************** End Content Container Table style settings **********************************************************************/ /********************************************************************** Begin NavTable style settings **********************************************************************/ /********************************************************************** End NavTable style settings **********************************************************************/ .fullheightPad { height:100%; width: 500px; padding: 5px; vertical-align: top; Text-align: center; } .fullheightNoPad { width: 500px; padding: 0px; vertical-align: top; Text-align: center; background-color: #ffffff; } .fullheightProduct { height:100%; width: 100%; padding: 5px; vertical-align: top; Text-align: center; } .fullheight { height:100%; vertical-align: top; } /*********************************** 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 ***********************************/ a:link, a:visited { color: #42658C; text-decoration: underline; } a:hover, a:active { color: #3B92EF; text-decoration: underline; } /*********************************** 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 { font-size: 12px; line-height: 20px; color: #DA8B4D; margin-top: 2px; margin-bottom: 2px; } h2 { font-size: 11px; color: #42658C; margin-top: 2px; margin-bottom: 2px; } h3 { font-size: 10px; color: #585858; 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; } /*********************************** Below is style for Pond Pictures Feature ***********************************/ #photoGalleryContainer { width: 740px; 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: #efefef; vertical-align: top; padding: 0px; } .textCell { width: 210px; 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; } /*********************************** 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; } hr { height: 1px; width: 90%; color: #42658C; } img { border: 0px; } .white { height: 1px; width: 90%; color: #DA8B4D; border:#DA8B4D 1px dotted; } /******************************************************************************************************************************************** Price Cart and Product Box Styles ********************************************************************************************************************************************/ /***************************************** Begin Product Info Table Style *****************************************/ .productinfo { font-size: 10px; border:#D4D4D4 1px solid; width: 100%; text-align:center; } .productinfo th { font-weight:bold; color: #efefef; font-size: 10px; background-color: #919191; border:1px solid #D4D4D4; padding:3px } .productinfo td { border:#efefef 1px solid; font-size: 10px; background-color: #DDD7BA; color:#000; padding:3px; text-align:center; vertical-align: middle; } /****************************************** End Product Info Table Style ******************************************/ .small { font-size: 11px; } .smaller { font-size: 10px; text-align:center; } .smallest { font-size: 9px; } .smalltext { font-family: lucida, verdana, sans-serif; font-size: 11px; } .date { font-size: 10px; color: #7D2E2E; } /* 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; } .relatedTable { width: 100%; font-size: 9px; background-color: #ffffff; color: #555F86; line-height: 15px; border:0px solid #C4C4C4; } .relatedTable th { font-size: 12px; letter-spacing: 1px; background-color: #C4C4C4; color: #333333; border:1px solid #C4C4C4; } .relatedTable td { font-size: 9px; color: #555555; padding: 3px; background-color: #ffffff; border:1px solid #C4C4C4; } .relatedTable a:link, .relatedTable a:active, .relatedTable a:visited { color: #800000; text-decoration : none; font-weight: normal;} .relatedTable a:hover { color: #000000; text-decoration : underline; font-weight: normal;} /*********************************** End Copyright Section ***********************************/ /*********************************** Begin Main Seacrh Form Field Styles ***********************************/ .w { width: 50px; } .h { height: 20px; } .sdiv { width: 190px; height: 25px; text-align: left; } .std { height: 5px; } /*********************************** 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; line-height: 20px; margin: 20px;} .clientinfo td { background-color: #ffffff; padding: 4px; } .clientinfo th { background-color: #efefef; padding: 4px; border:2px dashed #A6352C;} .inputCheckBox { font-size: 11px; border: 0px solid #555555; background-color: #efefef; margin-top: 3px; margin-bottom: 0px;} /********************************************************************** CSS Document Author: Michael Oleksak - StarsnSites.com copyright ©2006 all rights reserved Main Table Style used for Featured Koi Table **********************************************************************/ .koiNavTable { width: 100%; padding:1px; background-color: #1A1A1A; color: #949494; display: inline; font-size: 9px; border:1px solid #8A8A8A; } .koiNavTable td { font-size: 9px; width: 50%; text-align: center; vertical-align: top; color: #949494;} .koiNavTable a:link, .koiNavTable a:active, .koiNavTable a:visited { color: #949494; text-decoration : underline; } .koiNavTable a:hover { color: #D3BF83; text-decoration : underline; font-weight: normal;} .koiNavTableCenter { width: 100%; padding: 0px; font-size: 10px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; } .imgBorder { border: 1px solid #858585; } /*********************************** End Stylesheet ***********************************/