/* KentADV Site Layout Specs - based on Fluid 960 Grid System developed by Stephen Bau ----------------------------------------------- */ body { background: #f7f4ee; font-size: 11px; padding: 0 0 40px; } /* General Stylings ----------------------------------------------- */ .floatLeft { float: left; } .floatRight { float: right; } .alignCenter { text-align: center; } .alignLeft { text-align: left; } .alignRight { text-align: right; } .colorRed { color: #b40000; } .colorWhite { color: #fff; } .indent { padding-left: 35px; } .italic { font-style: italic; } .bold { font-weight: bold; } .mainText { font-size: 1.1em; } .largeHeading { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; color: #b40000; text-transform: uppercase; text-align: center; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 10px; } .largeHeading2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; color: #b40000; text-transform: uppercase; text-align: center; border-bottom:1px solid #ccc; margin-bottom: 10px; } .divider { border-bottom: 1px solid #ccc; } /* Page Specific Settings ----------------------------------------------- */ .prodLinks a { color: #555; } .prodLinks a:hover { color: #b40000; } ul.productLogos li { list-style-type: none; float: left; } .otherProdLink { padding-top: 5px; padding-bottom: 5px; text-align: center; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; } .otherProdLink a { color: #b40000; } .otherProdLink a:hover { color: #5d0000; } .brandInfoArea { width: 940px; height: auto; } .history { margin-bottom: 20px; } .history img { margin: 6px 6px 10px 6px; padding: 4px; border: 1px solid #bbb; background: #fff; } /* Brand Navigation ----------------------------------------------- */ .prodContainer { margin: auto; border-top: 1px dotted #bbb; } .prodNavContainer { margin: auto; margin-left: 90px; width: 565px; } .categoryContainer { margin: auto; width: 785px; margin-bottom: 5px; } .categorySelector, .categorySelector * { margin: 0; padding: 0; } .categorySelector { position: relative; float: left; list-style-type: none; } .categorySelector li { float: left; width: auto; height: auto; list-style-type: none; } .categorySelector li a { position: relative; float: left; display: block; padding-right: 1em; } .categorySelector li a img { float: left; margin: 3px 3px 10px 0px; padding: 4px; border: 1px solid #bbb; background: #fff; } .categoryLabelContainer { margin: auto; width: 785px; height: 45px; margin-bottom: 15px; } .categoryLabelContainer a { position: relative; float: left; display: block; padding-left: 5px; padding-right: 5px; width: 59px; margin-right: 1.25em; text-align: center; line-height: 1em; color: #b40000; } .categoryLabelContainer a:hover { color: #5d0000; } .categoryImg, .bagImage { position: relative; float: left; margin: 3px 10px 0px 0px; padding: 4px; border: 1px solid #bbb; background: #fff; } .bagImage { margin-bottom: 20px; } .prodSubCatLinksContainer { position: relative; top: -15px; margin-top: 10px; } .oneCol { margin-top: 25px; width: 300px; } .twoCol { margin-top: 25px; width: 700px; } .prodSubCatLinks { float: left; text-align: left; text-transform: uppercase; } .prodSubCatLinks li { height: 50px; width: 300px; list-style-type: none; background: url(http://www.kentfeeds.com/images/layout/productButtons.png) no-repeat; margin-top: 10px; margin-bottom: 10px; } .prodSubCatLinks li a { display: block; height: 50px; color: #555; } .prodSubCatLinks a:hover { color: #b40000; } .subCatHeading { line-height: 1em; border-bottom: 1px solid #bbb; width: 180px; padding-bottom: 5px; } .subCatHeading2 { line-height: 1em; font-size: 10px; font-weight: bold; } .prodList { list-style-type: none; } .prodList a { color: #000; } .prodList a:hover { color: #b40000; } .prodList li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dotted #bbb; } .prodList img { float: left; } .prodList ul.noStyle li, .prodList ol.noStyle li { border: none; padding: 0; padding-top: 5px; padding-bottom: 5px; } .prodList blockquote { float: right; width: 540px; margin-right: 10px; } .prodList cite { float: right; text-align: right; margin-right: 10px; margin-bottom: 10px; } .prodTableNotice { font-size: 0.8em; } #prodNRBTable, #prodNRBTable tr, #prodNRBTable td { background: none; border: 1px solid #bbb; } #prodNRBTable td { text-align: center; } #prodNRBTable tr.Odd { background: #e0c6ae; } .prodNav, .prodNav * { margin: 0; padding: 0; } .prodNav { position: relative; float: left; width: auto; height: auto; list-style-type: none; } .prodNav li { float: left; width: auto; height: 88px; list-style-type: none; } .prodNav li a { position: relative; float: left; display: block; padding: 0 1em; } .prodNav li ul { position: absolute; top: 88px; left: -9000px; background: #eee; width: 940px; height: 230px; } .prodNav li ul li { } /* ul.prodNav li:hover ul { left: 0; z-index: 10; } */ /* Products Page Layout ----------------------------------------------- */ .prodArt { float: left; margin: 3px 10px 10px 0; padding: 4px; border: 1px solid #bbb; background: #fff; } .close-GA img, .close-FD img, .close-Test img { position: relative; left: 345px; } /* Internal Company Order Page ----------------------------------------------- */ .prodContainer { float: left; width: 47%; height: 250px; border: 1px solid #bbb; background: #eee; margin-bottom: 10px; padding: 10px; } .storeImg { float: left; margin: 3px 10px 100px 0; padding: 4px; border: 1px solid #bbb; background: #fff; } .cartBar { float: left; position: relative; width: 930px; height: 30px; background-color: #000; border: 1px solid #000; line-height: 1em; padding: 5px 5px 0 0; margin: 0px 10px 10px 0px; } .cartBar img { float: left; padding: 0px 5px 0px 5px; } .cartBar ul { color: #fff; text-transform: uppercase; } .cartBar ul li { float: left; list-style-type: none; margin: 5px 10px 0px 0px; } .cartBar ul li a { color: #fff; font-weight: bold; } /* Anchors ----------------------------------------------- */ a { color: #000; font-weight: bold; text-decoration: none; } a:hover { color: #333; } /* 960 Container ----------------------------------------------- */ .container_12 { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* Headings ----------------------------------------------- */ h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-bottom: .3em; } h2 { margin-top: 1em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; text-transform: uppercase; } h1 a { font-weight: normal; } /* Main Banner ----------------------------------------------- */ #mainBanner { background: url(../../images/layout/mainBanner.png) no-repeat #aaa; text-align: left; padding: 0; margin-bottom: 0; width: 940px; height: 91px; } /* Page Heading ----------------------------------------------- */ h2#page-heading { float: left; position: relative; font-weight: normal; padding: .5em; margin: 0 0 10px 0; line-height: 1em; border-bottom: 1px solid #ccc; font-size: 1.6em; width: 920px; height: 25px; } h2#page-heading sup { font-size: .6em; } /* Search Field ----------------------------------------------- */ .searchArea * { margin: 0; padding: 0; } .searchArea { position: relative; float: right; top: 0px; width: 265px; } #searchLabel, #searchField, #searchButton { position: relative; float: left; } #searchField { height: 17px; } #searchButton { left: -1px; } /* Content Rotate Area ----------------------------------------------- */ #rotator { position: relative; width: 700px; height: 230px; margin-bottom: 20px; } #rotator ul li { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; } #rotator ul li.show { z-index:500; } #contentOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; z-index: 9998; background: url(../../images/featContent/contentOverlay.png) no-repeat; } #contentOverlayText h1 { font-family: Arial, Verdana, sans-serif; color: #fff; text-decoration: none; font-weight: normal; margin-top: 15px; padding-left: 10px; } ul#contentOverlayText li { margin: 0; padding: .7em 1em; list-style: none; color: #fff; } ul#contentOverlayText li a { text-decoration: none; color: #fff; } ul#contentOverlayText li a:hover { text-decoration: none; color: #b40000; } ul#contentOverlayText li ul li { margin: 0; padding: 0; padding-left: 5px; list-style: none; } ul#contentOverlayText li ul li p { color: #aaa; margin: 0; padding: 0; line-height: 1.3em; } ul#contentOverlayText li ul li p a { color: #b40000; font-size: .8em; } ul#contentOverlayText li ul li p a:hover { color: #820000; } /* Content Boxes ----------------------------------------------- */ .box { background: #ddd; margin-bottom: 20px; padding: 10px 10px 1px 10px; } .box h2 { font-size: 1em; font-weight: normal; text-transform: uppercase; color: #fff; background: #333; margin: -10px -10px 0 -10px; padding: 6px 12px; cursor: default; } .box h2 a, .box h2 a.visible { color: #fff; background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat; display: block; padding: 6px 12px; margin: -6px -12px; border: none; } .grid_4 .box h2 a { background-position: 97% 50%; } .grid_5 .box h2 a { background-position: 98% 50%; } .grid_12 .box h2 a { background-position: 99% 50%; } .box h2 a.hidden, .box h2 a.hidden: hover { background-image: url("../img/switch_plus.gif"); } .box h2 a:hover { background-color: #111; } .block { padding-top: 10px; } div.menu { padding: 0; } div.menu h2 { margin: 0; } div.menu .block { padding-top: 0; } /* Spotlight Area ----------------------------------------------- */ .spotlight { height: 220px; } .spotlight img { margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; } /* Weather Area ----------------------------------------------- */ .weatherHeading { color: #b40000; border-bottom: 1px dotted #bbb; padding-bottom: 3px; margin-bottom: 10px; } .weather img { float: left; margin: 3px 5px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; } .weather p { margin: 0; padding: 0; } .currentConditionsArea { float: left; width: 195px; } .currentConditionDetails { float: left; } #weatherAtmoDetails table td { margin-right: 0; padding-right: 0; } #forecastCity, #forecastCondition, #forecastHighLow { line-height: 1.4em; } #forecastCity { margin-top: 5px; font-weight: bold; } #forecastCondition { font-size: 1.2em; font-weight: bold; } #weatherZipCode { margin-top: 10px; margin-bottom: 10px; } #weatherZipCode h6 { line-height: 1em; } #weatherZipCode p { margin-bottom: 10px; } #fcDay { margin-bottom: 0px; } #fcHighTemp { margin-top: 2px; } img.natlRadarMap { margin-bottom: 20px; } /* Paragraphs, Quotes and List Items ----------------------------------------------- */ p { margin-bottom: 1em; } blockquote { font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding-left: 1em; border-left: 4px solid #ccc; background: url(http://www.kentfeeds.com/images/layout/leftQuo.png)no-repeat top left; margin-bottom: 1em; } blockquote cite { font-size: 1.2em; font-weight: bold; } ul, ol { padding-top: 0; } /* Dealer Locator Form (Main Page) ----------------------------------------------- */ #zipLabel, #radiusLabel { position: relative; font-weight: bold; } #radiusLabel { margin-left: 32px; } #radiusInput { position: relative; top: 1px; height: 1.65em; } #dlForm { margin-bottom: 10px; } /* Dealer Locator Form and Map Area (Dealer Locator Page) ----------------------------------------------- */ table#googMap { margin-right: -10px; padding-right: -10px; border: 1px solid #ccc; } table#googMap tbody, table#googMap tr, table#googMap td { border: none; background: #fff; } #sidebar { width: 300px; height: 500px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; float: left; overflow: auto; cursor: pointer; list-style-type: none; background: #fff; } #sidebar ul { font-size: 1.2em; line-height: 1.2em; } #map { float: left; width: 575px; height: 500px; } #message { position: absolute; padding: 10px; background: #555; color: #fff; width: 75px; } #zipLabelDL, #radiusLabelDL { position: relative; float: left; font-weight: bold; } #radiusLabelDL { margin-left: 32px; } /* Plant Locations Map Settings ----------------------------------------------- */ #locationMap { width: 540px; height: 300px; border: 1px solid #ccc; margin-bottom: 20px; } #locationMap h2 { font-size: 14px; font-weight: bold; } #locationList { background: #eee; border: 1px solid #ccc; margin-bottom: 20px; } #locationList h5 { padding: 5px 5px 3px 10px; } #locationList ul { list-style-type: none; font-size: 14px; } #locationList ul li { border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; background: #ccc; position: relative; left: -15px; } #locationList ul li a { color: #000000; } #locationList ul li a:hover { color: #b40000; } #locationList ul li img { float: left; margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; position: relative; top: -5px; } .plantDetails, .plantDetails * { margin: 0; padding: 0; border: none; font-size: 11px; line-height: 1.1em; } .plantDetails { position: relative; float: left; top: 5px; } .plantDetails.left { left: -15px; width: 110px; } .plantDetails.middle { margin-right: 5px; } .plantInfo p { margin: 0; padding: 0; line-height: 1.2em; } .plantInfo p { padding-top: 4px; } .plantPic { float: left; margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; position: relative; } .plantHeading { font-weight: bold; color: #b40000; } .grid_1.plantInfo { width: 100px; } /* Ag Market Area ----------------------------------------------- */ .agMarket { width: 100%; height: 800px; overflow: auto; } pre { font-family: Fixed, monospace; font-size: 1em; } /* News Headlines Area ----------------------------------------------- */ .headlineList { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; padding: 10px; } .headlineList h4 { color: #000000; } .headlineList a { color: #b40000; } .headlineList a:hover { color: #5d0000; } .newsPage a { color: #b40000; text-decoration: underline; } .newsPage a:hover { color: #5d0000; } .newsPage { margin-bottom: 20px; } a.newsHeading, a:hover.newsHeading { color: #000; text-decoration: none; } p.meta { color: #666; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: .3em 0; margin-bottom: .8em; } .news_intro1, .news_highlight1 { font-size: 1.1em; font-weight: bold; text-decoration: underline; } /* Ag Markets Page ----------------------------------------------- */ /* SiteMap ----------------------------------------------- */ .siteMapList { list-style-image: url(http://www.kentfeeds.com/images/layout/bulletPoint.png); font-weight: bold; } .siteMapBG { background: url(http://www.kentfeeds.com/images/layout/globe.png) no-repeat; width: 938px; height: 614px; z-index: 1000; } /* Links Page ----------------------------------------------- */ .linkContainer { margin: auto; width: 800px; } .link img { float: left; padding-right: 15px; } /* Menus ----------------------------------------------- */ ul.menu { list-style: none; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } ul.menu li { margin: 0; } ul.menu li a { display: block; padding: 4px 10px; border-bottom: 1px solid #ccc; } ul.menu li a:hover { background: #eee; } ul.menu li a:active { background: #ccc; } /* Sub-Menus ----------------------------------------------- */ ul.menu ul { list-style: none; margin: 0; } ul.menu ul li a { padding-left: 30px; } /* Section Menus ----------------------------------------------- */ ul.section { border-top: 0; margin-bottom: 0; } ul.section li { text-transform: uppercase; } ul.section li a { background: #bbb; } ul.section li a:hover { background: #aaa; color: #b40000; } ul.section li a:active { color: #fff; background: #666; } ul.section li li a { background: #ddd; border-bottom: 1px solid #eee; } ul.section li li a:hover { background: #ccc; } ul.section li li a:active { color: #000; background: #fff; } ul.section ul li { text-transform: none; } ul.section ul.current li a { background: #eee; border-bottom: 1px solid #fff; } ul.section ul.current li a:hover { background: #ddd; } ul.section ul.current li a:active { background: #fff; } ul.section li a.current { color: #fff; background: #666; } ul.section li a.current: hover { background: #555; } ul.section li a.current: active { background: #444; } ul.section li a.active { background: #fff; cursor: default; } ul.section li.current > a.active, ul.section li.current > a.active:hover { color: #fff; background: #666; cursor: default; } /* Tables ----------------------------------------------- */ table { width: 100%; border: 1px solid #bbb; margin-bottom: 10px; } col.colC { width: 8em; } th, td { padding: .2em 1em; text-align: left; } thead th { border-bottom: 2px solid #888; background: #bbb; padding: .4em 1em .2em; } thead th.table-head { font-size: 1em; font-weight: normal; text-transform: uppercase; color: #fff; background: #555; border: 1px solid #555; } tbody th, tbody td { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #eee; } tbody tr.odd th, tbody tr.odd td { background: #fff; } tfoot th, tfoot td { border-top: 2px solid #666; background: #eee; } tfoot tr.total th, tfoot tr.total td { border-top: 6px double #666; } tfoot tr.total th { text-transform: uppercase; } th.currency, td.currency { text-align: right; } .pollTable { border: 1px solid #999; background: none; } .pollTable a { color: #b40000; } .pollTable a:hover { color: #5d0000; } .pollTable tr, .pollTable td { border: none; text-align: center; } .pollTitle { border: 1px solid #999; border-top: none; background: #bbb; } .pollOptionText { position: relative; top: -3px; text-align: left; } /* Forms ----------------------------------------------- */ form { overflow: hidden; } fieldset { border: 1px solid #bbb; padding: 10px; position: relative; background: #e9e9e9; margin-bottom: 10px; } legend { font-size: 1.1em; padding: .4em .8em; background: #fff; border: 1px solid #bbb; } fieldset.login p { margin-bottom: 1em; margin-top: 0pt; } fieldset p label { width: 98%; } fieldset p input { width: 98%; } fieldset p select { width: 99%; } fieldset.login p label { float: left; line-height: 2em; margin-right: 3%; text-align: right; width: 32%; } fieldset.login p input { width: 60%; } fieldset.login input.button { margin-left: 35%; } form p.notice { font-weight: bold; } input.search.text { width: 66%; } input.search.button { width: 28%; margin-left: 2%; } /* Wordpress Articles ----------------------------------------------- */ .post { font-size: 1.2em; line-height: 1.6em; } .post p { padding-top: 0px; } .post blockquote { font-size: 12px; margin: 0px; padding: 0px; } .postMetaData { font-size: .9em; } .postMetaData a { color: #b40000; } .postMetaData a:hover { color: #5d0000; } .post h1 { color: #777; } .post h6 { font-size: .8em; } #articleHeadings { font-size: 1.2em; line-height: 1.6em; padding: 0px; margin: 0px; } ul#articleHeadlines { list-style-image: url(http://www.kentfeeds.com/images/layout/bulletPoint.png); } .dividerBar { margin-bottom: 25px; } .wpTitle, .wpSubTitle { border-bottom: 1px dotted #999; } .wpTitle { text-align: center; display: inline-block; width: 100%; padding-top: 8px; font-family: Georgia, "Times New Roman", Times, serif; } .wpTitle h1 { font-size: 35px; font-weight: bold; } .wpTitle a { color: #000; } .wpTitle a:hover { color: #b40000; } .wpSubTitle { display: inline-block; width: 100%; padding-top: 8px; margin-bottom: 15px; } .wpSubTitle h6 { text-decoration: none; text-transform: none; font-weight: bold; } #wpRightText { position: relative; top: -5px; font-size: .8em; } .wpCatText { padding-top: 2px; font-size: .8em; } #wpRightColumn { } .wpRightColumnList { margin: 0; padding: 0; font-size: 1.2em; list-style: none; } #comment { width: 98%; overflow: hidden; } ul.sidebarMenu li { list-style-image: url(http://www.kentfeeds.com/images/layout/bulletPoint.png); } .wpImg { margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; position: relative; } .articles { padding: 0; } .articles h2 { margin: 0; } #articles { padding-top: 0; } .article { border-top: 1px solid #666; padding-top: .5em; } .box .article { border-top: 3px solid #fff; padding: 13px 10px 0 10px; } .article h2 { font-size: 2em; font-weight: normal; text-transform: none; color: #333; background: transparent; padding: 0; margin: 0; border: none; } .article h3 { margin-bottom: .2em; font-size: 1.6em; } .box .first { border-top: none; } .article h4 { font-size: 1.2em; text-transform: uppercase; margin-bottom: .5em; } .article a.image { float: left; margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; } .article a.image: hover { border: 1px solid #666; } .article a.image img { float: left; } .article p.meta { color: #666; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: .3em 0; margin-bottom: .8em; } .author { font-size: 11px; font-weight: bold; } .articles a { color: #b40000; } .articles a:hover { color: #5d0000; } a.titleLink { color: #000; } a.titleLink:hover { color: #b40000; } /* Team Equine Page ----------------------------------------------- */ .sponsorList { list-style-type: none; } .sponsorList a { color: #000; } .sponsorList a:hover { color: #b40000; } .sponsorList li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dotted #bbb; } .sponsorList img { float: right; margin: 3px 3px 10px 3px; padding: 4px; border: 1px solid #bbb; background: #fff; } .sponsorList ul.noStyle li, .sponsorList ol.noStyle li { border: none; padding: 0; padding-top: 5px; padding-bottom: 5px; } li.featSponsor { border-top: none; } li.featSponsor h5 { border-bottom: 1px dotted #bbb; } /* Footer ----------------------------------------------- */ #footer .box { color: #ccc; background: url(../../images/layout/footerBG.jpg) #666; height: 27px; margin-bottom: 10px; } #footer a { color: #fff; } #footer a:hover { color: #b40000; } /* AJAX sliding shelf ----------------------------------------------- */ #loading { float: right; margin-right: 14px; margin-top: -2px; } .block { padding-bottom: 1px; } /* Accordian ----------------------------------------------- */ .toggler { color: #222; margin: 0; padding: 2px 5px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #ddd; font-size: 1.1em; font-weight: normal; cursor: default; } .element h4 { margin: 0; padding: 4px; line-height: 1.2em; } .element p { margin: 0; padding: 4px; } .element img { float: left; margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff; position: relative; } .float-right { padding: 10px 20px; float: right; } #accordian-block { padding-bottom: 10px; } /* Mootools Kwicks ----------------------------------------------- */ #kwick-box { padding: 0; overflow: hidden; } #kwick-box h2 { margin: 0; } .kwicks { position: relative; margin:0; padding: 0; width: 940px; height: 100px; overflow:hidden; } .kwicks ul { list-style: none; margin: 0px; padding: 0px; display: block; height: 100px; position: relative; } .kwicks ul li { width: 235px; float: left; display: block; overflow: hidden; } .kwicks ul li a { position: relative; display: block; cursor: pointer; overflow: hidden; height: 100px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 14px; letter-spacing: -0.07em; color: #b40000; text-transform: uppercase; font-weight: bold; margin-top: 0px; padding-left: 5px; text-decoration: none; border-right: 1px solid #888; } .kwicks ul li a h3 { position: absolute; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 10px; color: #5d0000; letter-spacing: -0.02em; outline: none; cursor: pointer; text-transform: uppercase; font-weight: normal; text-decoration: none; top: 18px; } .kwicks ul li a font { position: relative; left: 5px; top: 50px; font-size: 10px; } .kwicks ul li#kwick_1 a { border-left: none; } .kwicks ul li#kwick_4 a { border-right: none; } .kwicks ul li a div { display: none; } .kwicks ul li#kwick_1 a:hover div { display: block; position: absolute; top: 23px; left: 5px; width: 320px; } .kwicks ul li#kwick_2 a:hover div { display: block; position: absolute; top: 23px; left: 5px; width: 320px; } .kwicks ul li#kwick_3 a:hover div { display: block; position: absolute; top: 23px; left: 5px; width: 320px; } .kwicks ul li#kwick_4 a:hover div { border-right: none; display: block; position: absolute; top: 23px; left: 5px; width: 320px; } .kwicks a:hover, .kwicks #active { color: #ff9900; } .kwicks li a:hover h3, .kwicks li #active h3 { color: #999999; }