/******************************************************************************************************************************************** CSS Document Author: Michael Oleksak - StarsnSites.com copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. background-image:url('../images/REPLACE.jpg'); ********************************************************************************************************************************************/ body { background-color: #C88659; margin: 5px 0px 5px 0px; } table, div, tbody { font-family: lucida, verdana, sans-serif; color: #555555; border-collapse: collapse; font-size: 12px; } #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; } /******************************************************************************************************************************************** Main Outer Containing Table style settings ********************************************************************************************************************************************/ #mainTable { height:100%; width: 1000px; padding:0px; background-color: #ffffff; margin: 0px; } #mainTableBanner { height:190px; width: 1000px; padding:0px; vertical-align: top; } #mainTableContent { height:100%; width: 1000px; padding:0px; vertical-align: top; } #contentTable { height: 100%; width: 1000px; padding:0px; } #headerCell { background-image:url('../images/header.png'); background-repeat: no-repeat; text-align: center; color: #efefef; height:35px; width: 1000px; vertical-align: middle; } #headerCell a:link, #headerCell a:visited { color: #efefef; text-decoration : none; } #headerCell a:hover, #headerCell a:active { color: #E2CF98; text-decoration : underline; } #headerCell h1 { font-size: 13px; line-height: 20px; color: #efefef; } #contentLeft { height: 100%; width: 200px; vertical-align: top; text-align: center; padding: 0px; } #contentLeftBottom { width: 200px; height: 150px; vertical-align: middle; text-align: center; font-size: 10px; padding-bottom: 4px; background-image:url('../images/AddressBar.jpg'); background-position: center; background-repeat: no-repeat; } #contentMain { height: 100%; width: 600px; vertical-align: top; font-size: 12px; } #contentMainNews { height: 100%; width: 600px; vertical-align: top; font-size: 13px; } #contentRight { height: 100%; width: 200px; vertical-align: top; text-align: center; font-size: 10px; padding: 0px; } #contentRightBottom { width: 200px; vertical-align: bottom; text-align: center; font-size: 10px; padding-bottom: 4px; } /******************************************************************************************************************************************************************************************* 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; padding-top:8px; height:22px; } .verdana11-header { font-size: 11px; font-weight: bold; font-variant: normal; color: #789641; letter-spacing: 3px; text-transform: uppercase; } .verdana11-headerW { font-size: 11px; font-weight: bold; font-variant: normal; color: #000000; letter-spacing: 3px; text-transform: uppercase; } #home_left { width: 195px; float: left; padding: 0px 0px 0px 0px; } .leftnav { width: 195px; float: left; margin-bottom: 24px; } .leftnav ul { margin: 0; padding: 0; } .leftnav li { margin: 0; padding: 5px 0px 5px 0px; list-style: none; font-size: 12px; color: #014488; border-bottom: 1px solid #CCCCCC; } .leftnav li.navelement { padding-left: 5px; line-height: 13px; font-size: 12px; } .leftnav li.navelement a:link, .leftnav li.navelement a:visited { text-decoration: none; color: #C78356; } .leftnav li.navelement a:hover, .leftnav li.navelement a:active { text-decoration: none; color: #444444; font-weight: normal; } .leftnav li.subnavelement { padding-left: 15px; line-height: 11px; font-size: 10px; } .leftnav li.subnavelement a:link, .leftnav li.subnavelement a:visited { text-decoration: none; color: #789641; } .leftnav li.subnavelement a:hover, .leftnav li.subnavelement a:active { text-decoration: none; color: #006633; } /******************************************************************************************************* Wholesale Link Styles *******************************************************************************************************/ .leftnav li.navelement { padding-left: 5px; line-height: 13px; font-size: 12px; } .leftnav li.navelementW a:link, .leftnav li.navelementW a:visited { padding-left: 5px; text-decoration: none; color: #444444; } .leftnav li.navelementW a:hover, .leftnav li.navelementW a:active { padding-left: 5px; text-decoration: none; color: #C78356; font-weight: normal; } .leftnav li.subnavelement { padding-left: 15px; line-height: 11px; font-size: 10px; } .leftnav li.subnavelementW a:link, .leftnav li.subnavelementW a:visited { text-decoration: none; color: #789641; } .leftnav li.subnavelementW a:hover, .leftnav li.subnavelementW a:active { text-decoration: none; color: #006633; } /*********************************** Top Banner cells style settings ***********************************/ .navTable { background-color: #ffffff; width: 200px; font-size: 10px; } .navTable td { padding: 0px; } .navTable a:link, .navTable a:visited { color: #949494; text-decoration : underline; } .navTable a:active, .navTable a:hover { color: #C78356; text-decoration : underline; font-weight: bold; } .navTableCenter { width: 100%; padding: 0px; font-size: 11px; text-align: left; } #topBanner { height: 190px; width: 880px; } .phoneCell { background-image:url('../images/KoiEnterprise2007_04.jpg'); width: 200px; height: 80px; font-size: 12px; color: #ffffff; vertical-align: top; text-align: center; } .dateSpan { font-size: 10px; color: #000000; } .topH1 { background-image:url('../images/OrganicDigester_08.jpg'); height: 30px; width: 470px; text-align: center; vertical-align: middle; } .koiWishTable { background-color: #ffffff; width: 100%; font-size: 10px; border:1px solid #C88659;} .koiWishTable td { padding: 2px; font-size: 10px;} .kwPic { width: 220px; vertical-align: top; text-align: center; } .randomFactsTable { width:190px; background-color: #fff; color: #000000; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; margin-top: 5px; margin-bottom: 5px; } .randomFactsTable th { padding: 2px; font-size: 14px; font-style: italic; color: #800000; letter-spacing: 1px; border-top:1px solid #999999; border-bottom:1px solid #999999; } .randomFactsTable td { padding: 2px; font-size: 13px; font-style: italic; color: #000000; } /*********************************** Center Content Table Style Settings ***********************************/ .navCell { height: 100%; width: 190px; vertical-align: top; background-color: #AB375F; border-left:1px solid #AB375F; border-right:1px solid #efefef; text-align: center; } .categoryContent2 { width: 690px; height:100%; vertical-align: top; font-size: 12px; border-right:1px solid #566EBE; padding: 8px; } /*********************************** Used in 3-Panel Pages ***********************************/ .categoryContent3 { width: 500px; height:100%; vertical-align: top; font-size: 12px; padding: 8px; } .categoryFeatured { width: 190px; height:100%; vertical-align: top; Text-align: center; border-right:1px solid #566EBE; border-left:1px solid #efefef; } /*********************************** Used in 3-Panel Pages ***********************************/ .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:2px; } .SubCatContent { width: 100%; vertical-align: top; line-height: 17px; } .product { text-align: left; text-indent: 5px; letter-spacing: 2px; border:1px solid #F4F4F4; padding:2px; } .prod { border:1px solid #DE2D7E; padding:2px; } /*********************************** The Table in the middle with nav and content container ***********************************/ form { margin: 0px; padding: 0px; border: none; } .wholesaleLoginTable { width: 100%; margin: 1px; background-color: #fafafa; color: #555555; font-size: 10px; border:1px solid #333333; } .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: 12px; background-color: #5f5f5f; color: #ffffff; letter-spacing: 1px; border-bottom:2px solid #efefef;} .wholesaleLoginTable a:link, .wholesaleLoginTable a:visited { color: #999999; text-decoration: underline; font-size: 9px; } .wholesaleLoginTable a:active, .wholesaleLoginTable a:hover { color: #000000; text-decoration: underline; font-size: 9px; } .wholesaleLoginTable input { width: 130px; font-size: 10px; border: 1px solid #999999; background-color: #ffffff; } /*********************************** Begin Link Styles ***********************************/ a:link, a:active, a:visited { color: #3B92EF; text-decoration: underline; } a:hover { color: #000000; text-decoration: underline; } /*********************************** Used in Pond Calculator ***********************************/ span.radius { visibility: hidden; } .pondcalc { width: 100%; border:#C8D9E4 1px solid; font-size: 11px; text-align: center; } /*********************************** 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: #DE2D7E; margin-top: 2px; margin-bottom: 2px; letter-spacing: 2px; } h1 { font-size: 13px; line-height: 20px; color: #800000; margin-top: 0px; margin-bottom: 0px; } h2,h3 { font-size: 11px; color: #5B5BAF; margin-top: 1px; margin-bottom: 2px; } h2.products { 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 ***********************************/ ure ***********************************/ /*********************************** Miscellaneous Body Part Tag Styles ***********************************/ textarea, form select, input { font-size: 11px; border: 1px solid #555555; background-color: #ffffff; } ul { list-style-image: url('../images/bulltetpoint.gif') } hr { height: 1px; width: 90%; color: #CECECE; } img { border: 0px; } /******************************************************************************************************************************************** Price Cart and Product Box Styles ********************************************************************************************************************************************/ .productTableBuyBox { width: 100%; padding: 0px; vertical-align: middle; } .productTable { width: 100%; border:#8A8A8A 1px solid; padding:2px; margin: 0px; color: #555555;} .productTableth { background-color: #585858; text-align: left; color: #D3BF83; padding:2px; border-bottom:#8A8A8A 10px solid; text-indent: 5px; letter-spacing: 2px; font-size: 12px;} .productTableth a:link, .productTableth a:active, .productTableth a:visited { color: #D3BF83; text-decoration : none; font-weight: normal;} .productTableth a:hover { color: #D3BF83; text-decoration : underline; font-weight: bold;} .productTable2 { width: 100%; border:#8A8A8A 1px solid; padding:0px; margin: 0px; color: #efefef;} .productTable2th { background-color: #D6C382; text-align: left; color: #000000; padding:2px; border-bottom:#953C35 2px solid; text-indent: 5px; letter-spacing: 4px; font-size: 13px;} .productTable2th a:link, .productTable2th a:active, .productTable2th a:visited { color: #000; text-decoration : none; font-weight: normal;} .productTable2th a:hover { color: #000; text-decoration : underline; font-weight: bold;} #container { display: table; width: 680px; } .productTable td { background-color: #ffffff; padding:4px; border:#6CB0CE 0px solid; font-size: 13px;} .productTable2 td { padding:0px; border:#6CB0CE 0px solid; color: #efefef; font-size: 13px;} .pricecart { width: 100%; border:#efefef 1px solid; } .pricecart tr.pc0 td { background-color: #ffffff; font-size: 9px; color: #000000; border:#efefef 1px solid; padding:2px;} .pricecart tr.pc1 td { background-color: #efefef; font-size: 9px; color: #000000; border:#ffffff 1px solid; padding:2px;} .pricecart th { background-color: #F6C971; background-image:url('../images/BuyBox.jpg'); font-size: 11px; color:#000; border:#555555 1px solid; height: 20px; padding-bottom:2px; font-weight: normal; vertical-align: bottom; } .pricecart2 { width: 100%; border:#555 1px solid; } .pricecart2 th { background-color: #DDD7BA; font-size: 9px; color:#555; border:#555 1px solid; height: 20px; padding:0px; font-weight: normal; } .pricecart td { font-size: 9px; color: #555F86; padding-bottom:2px; border:#efefef 1px solid; } td.description { text-indent: 3px; padding:1px; text-transform: capitalize; text-align: left; } td.sku { width: 60px; font-size: 8px; color: #A7A7A7; text-align: center; } td.price { text-align: center; } th.price { letter-spacing: 2px; } th.description { letter-spacing: 2px; } td.add { width: 80px; text-align: center; } /*Begin Product Info Table Style*/ .productinfo { font-size: 10px; border:#D4D4D4 1px solid; 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:#D4D4D4 1px solid; font-size: 10px; background-color: #efefef; color:#000; padding:3px; text-align:center; } /*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; } .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*/ .button { font-size: 10px; color: #ffffff; background-color: #525D8C; border-top-color: #D1D7DC; border-right-color: #98AAB1; border-bottom-color: #000000; border-left-color: #D1D7DC; } /*********************************** Begin Copyright Section ***********************************/ .copyleft { background-color: #9475DE; font-size: 9px; color: #efefef; line-height: 15px; text-indent: 10px; text-align: center; vertical-align: middle; height: 20px; width: 190px; margin-bottom: 3px; } .copyright { background-color: #D0D0D0; background-image:url('../images/KoiEnterprise2007_15.jpg'); font-size: 9px; color: #828282; line-height: 15px; text-align: center; vertical-align: middle; height: 20px; width: 800px; } .copyright a:link, .copyright a:active, .copyright a:visited { color: #828282; text-decoration : none; } .copyright a:hover { color: #000000; text-decoration : underline; } /*********************************** End Copyright Section ***********************************/ /*********************************** Begin Main Seacrh Form Field Styles ***********************************/ .searchform { font-size: 11px; width: 130px; vertical-align: top; margin-bottom: 0px; margin-top: 0px; } .searchCell { background-image:url('../images/KoiEnterprise2007_10.jpg'); height: 30px; width: 170px; vertical-align: middle; text-align: center; } .input2 { height: 18px; width: 160px; font-size: 9px; color: #C88659; 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; } /*********************************** Thumbnail Image Styles for Link Popups ***********************************/ .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; font-size: 9px; text-align: center; left: 90px; /*position where enlarged image should offset horizontally */ } /*********************************** End Stylesheet ***********************************/