/************************************************************************************************************************************************ CSS Document Author: Michael Oleksak - StarsnSites.com copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. ************************************************************************************************************************************************/ body { background-color: #000; margin: 5px auto 5px auto; height:100%; border:none; font-size: 11px; } table, div, tbody { font-family: verdana, sans-serif; border-collapse: collapse; color: #5F5F5F;} /************************************************************************************************************************************************ Begin Main Outer Containing Table style settings ************************************************************************************************************************************************/ #mainTable { height:100%; width: 990px; padding:0px; margin: auto; } #mainTableBannerCell { height:110px; width: 990px; padding:0px; vertical-align: top; } #mainTableDateCell { height:20px; width: 200px; padding:0px; vertical-align: middle; text-align: center; font-size: 9px; color: #efefef; background-image:url('../images/OkanaganKoi_02.jpg');} #mainTableTopNav { height:20px; width: 600px; padding:0px; vertical-align: middle; text-align: center; font-size: 11px; color: #DADADA; background-image:url('../images/OkanaganKoi_03.jpg'); letter-spacing: 1px;} #mainTableTopNav a:link, #mainTableTopNav a:visited { color: #DADADA; text-decoration : none; } #mainTableTopNav a:hover, #mainTableTopNav a:active { color: #ffffff; text-decoration : underline; } #mainTablePhoneCell { height:80px; width: 200px; padding-bottom:10px; vertical-align: bottom; text-align: center; font-size: 9px; color: #A7A7A7; background-image:url('../images/OkanaganKoi_05.jpg');} #mainTableHeadingCell { height:80px; width: 600px; vertical-align: middle; text-align: center; font-size: 9px; color: #A7A7A7; background-image:url('../images/OkanaganKoi_06.jpg');} #mainTableMiddle { height:100%; width: 990px; padding: 0px; vertical-align: top; } /***********Used in Search Form**********/ .input2 { height: 18px; width: 150px; font-size: 9px; color: #990000; 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; margin-top: 2px; margin-bottom: 0px; text-indent: 5px; } /***********Used in Search Form**********/ .copyright { font-size: 9px; background-color: #3E3E3E; color: #9B9B9B; text-align: center; vertical-align: middle; width: 990px; height: 15px; border:1px solid #A80000;} .copyright a:link, .copyright a:visited { color: #9B9B9B; text-decoration : none; } .copyright a:hover, .copyright a:active { color: #608F97; text-decoration : underline; } /************************************************************************************************************************************************ Begin Inner Content Containing Table style settings (2 & 3 Panels) ************************************************************************************************************************************************/ #innerContentTable { height:100%; width: 100%; font-size: 12px;} #innerContentLeft { height:100%; width: 200px; vertical-align: top; color: #757575; font-size: 12px; } #innerContentCenter { height:100%; padding:4px; vertical-align: top; color: #D3BF83; } #innerContentRight { height:100%; width: 190px; vertical-align: top; color: #757575; text-align: center; font-size: 9px; } /************************************************************************************************************************************************ Begin Left Navigation Table Stlyes ************************************************************************************************************************************************/ #navTable { height:100%; width: 200px; font-size: 12px; color: #efefef; } #navTableTop { height:20px; width: 200px; font-size: 12px; color: #efefef; background-image:url('../images/OkanaganKoi_08.jpg'); text-align: center; } #navTableMiddle { height:100%; width: 200px; font-size: 11px; color: #A7A7A7; background-image:url('../images/OkanaganKoi_11.jpg'); vertical-align: top; padding: 10px; } #navTableMiddle a:link, #navTableMiddle a:visited { color: #D3BF83; text-decoration : none; font-weight: normal; } #navTableMiddle a:active, #navTableMiddle a:hover { color: #ffffff; text-decoration : underline; font-weight: normal; } #navSub { padding: 1px; font-size: 10px; } #navSub a:link, #navSub a:visited { color: #efefef; text-decoration : underline; font-weight: normal; } #navSub a:active, #navSub a:hover { color: #FDB350; text-decoration : underline; font-weight: normal; } #navTableBottom { height:20px; width: 200px; font-size: 12px; color: #efefef; background-image:url('../images/OkanaganKoi_14.jpg'); text-align: center; } /********************************************************************************************************************* 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: 13px; } /****.outerTable { padding: 0px; }****/ /****.outerTable td { height: 100px; vertical-align: top; padding: 1px;****/ /**** } ****/ /********************************************************************** End Content Container Table 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:active, a:visited { color: #3B92EF; text-decoration: underline; } a:hover { color: #D6C382; text-decoration: underline; } /*********************************** Used in Pond Calculator ***********************************/ span.radius { visibility: hidden; } /*********************************** Heading Tag Styles ***********************************/ h1 { font-size: 14px; color: #998765; margin-top: 2px; margin-bottom: 2px; } h2 { font-size: 12px; color: #EF8812; margin-top: 2px; margin-bottom: 2px; } h3 { font-size: 11px; color: #777777; margin-top: 2px; margin-bottom: 2px; } .border { font-size: 12px; color: #FFFFFF; font-weight: bold; margin-top: 1px; margin-bottom: 2px; border:1px solid #A56A71; padding: 2px; background-color: #909EB5; width: 98%; } h1.error {font-size: small; color: red; font-weight: bold; text-align: center;} h1.home { font-family: Garamond; font-weight: 100; font-size: 13px; line-height: 20px; color: #6C80BE; margin-top: 2px; margin-bottom: 2px; font-style: italic; letter-spacing: 2px; } h1.category { font-weight: bold; font-size: 14px; line-height: 20px; color: #6C80BE; margin-top: 2px; margin-bottom: 2px; letter-spacing: 2px; } 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: #efefef; vertical-align: top; padding: 0px; } .textCell { width: 185px; 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; } /*ul { list-style-image: url('../images/bulltetpoint.gif') } */ hr { height: 1px; width: 90%; color: #496F6E; } img { border: 0px; } .white { height: 1px; width: 90%; color: #DDD7BA; border:#DDD7BA 1px dotted; } /*********************************** Price Cart and Product Box Styles SEE productTables.css ***********************************/ /****************************************** End Product Info Table Style ******************************************/ .featuredTable { width: 178px; font-size: 9px; background-color: #ffffff; color: #555F86; line-height: 15px; border:4px dashed #A6352C; } .featuredTable th { font-size: 9px; letter-spacing: 1px; background-color: #AAAAAA; color: #333333; border:1px solid #000000; } .featuredTable td { font-size: 9px; color: #555555; line-height: 15px; padding: 3px; background-color: #ffffff; border:1px solid #000000; } .featuredTable a:link, .featuredTable a:active, .featuredTable a:visited { color: #800000; text-decoration : none; font-weight: bold;} .featuredTable a:hover { color: #000000; text-decoration : underline; font-weight: bold;} .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; } .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; } /*********************************** End Copyright Section ***********************************/ /********************************************************************************************************************* Begin Main Seacrh Form Field Styles *********************************************************************************************************************/ .searchform { font-size: 11px; width: 140px; vertical-align: top; margin-bottom: 0px; margin-top: 0px; } /********************************************************************************************************************* End Main Seacrh Form Field Styles *********************************************************************************************************************/ /********************************************************************** 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; height: 100%; width: 100%; font-size: 11px; border:1px solid #444444; text-align: left; padding-left: 5px; margin: auto; } .newsTable th { background-color: #909090; color: #F7C388; width: 100%; font-size: 10px; text-align: center; padding: 2px; border:1px solid #444444; } .newsTable td { background-color: #F1F1F1; color: #757575; width: 100%; height: 100%; font-size: 10px; padding: 2px; border:1px solid #444444; } .newsTable a:link, .newsTable a:visited { color: #F7C388; text-decoration : none; } .newsTable a:hover, .newsTable a:active { color: #efefef; 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: #efefef; color: #757575; display: inline; font-size: 9px; border:1px solid #8A8A8A; } .koiNavTable td { font-size: 9px; width: 50%; text-align: center; vertical-align: top; color: #757575;} .koiNavTable a:link, .koiNavTable a:active, .koiNavTable a:visited { color: #949494; text-decoration : underline; } .koiNavTable a:hover { color: #800000; 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 ***********************************/