html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 body { font-size: 62.5%; line-height: 1; color: #666; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; background: #FFF url(/sitefiles/26/design/body-bg.png) 0 0 repeat-x; } #outer-wrap { width: 972px; margin: 0 auto; background: url(/sitefiles/26/design/outer-wrap-bg.gif) 0 0 repeat-y; } #inner-wrap { width: 960px; padding: 0 6px; float: left; clear: both; background: url(/sitefiles/26/design/inner-wrap-bg.gif) 0 0 no-repeat; } #container { width: 960px; float: left; clear: both; } .two-cols { background: url(/sitefiles/26/design/container-bg-wide.png) 0 0 repeat-y; } .three-cols { background: url(/sitefiles/26/design/container-bg.png) 0 0 repeat-y; } #top { width: 960px; float: left; clear: both; background: url(/sitefiles/26/design/header.jpg) 0 5px no-repeat; position: relative; } #top .KeyPublisherContentBoxMenu { display: none !important; } #top #top-menu-wrap { width: 960px; height: 25px; position: absolute; top: 0; left: 0; clear: both; } #top #main-menu-wrap { width: 960px; float: left; clear: both; height: 30px; padding: 140px 0 0 0; overflow: hidden; } #top #top-bottom { width: 960px; height: 57px; float: left; clear: both; background: url(/sitefiles/26/design/top-bottom.png) 0 0 no-repeat; overflow: hidden; position: relative; } #top #top-product-search { width: 180px; height: 37px; padding: 10px; float: left; } #col-wrap { width: 960px; float: left; clear: both; border-top: 2px solid #8CAD00; background: url(/sitefiles/26/design/left-col-gradient.png) 0 100% no-repeat; } #left-col { float: left; clear: left; width: 200px; } #main-col { float: left; width: 506px; padding: 0 12px; line-height: 1.66; overflow: hidden; } .two-cols #main-col { width: 738px; padding: 0 10px 0 12px; } #right-col { float: right; clear: right; width: 230px; } #foot { width: 972px; clear: both; text-align: center; margin: 0 auto; padding: 0 0 3em 0; } 
 .clear { clear: both; } /* PRODUCT MENU */ ul#product-menu { width: 200px; float: left; clear: both; } ul#product-menu li { width: 200px; float: left; clear: both; background: url(/sitefiles/26/design/product-menu/bg-sprite.png) 0 0 no-repeat; text-indent: 10px; } ul#product-menu li ul { width: 200px; float: left; clear: both; } ul#product-menu li a { display: block; width: 190px; padding: 0 10px 0 0; float: left; clear: both; height: 22px; line-height: 22px; font-weight: bold; text-transform: uppercase; color: #FFF; text-decoration: none; background: url(/sitefiles/26/design/product-menu/symbols-sprite.gif) 0 22px no-repeat; } ul#product-menu li a.main-cat { font-size: 1.2em; } ul#product-menu li a.main-cat:hover { color: #D3CCBF; } ul#product-menu li a.sub-cat { font-size: 1.1em; } ul#product-menu li a.sub-cat:hover { color: #875; } ul#product-menu li li li a { text-transform: none; font-weight: normal; } ul#product-menu li li { text-indent: 23px; background-position: 0 -22px; } ul#product-menu li li li.first { background-position: 0 -44px; } ul#product-menu li li li { text-indent: 33px; background-position: 0 -66px; } ul#product-menu li li li span.plus { padding: 0 0 0 9px; background: url(/sitefiles/26/design/product-menu/symbols-sprite.gif) 0 -107px no-repeat; } ul#product-menu li li li.last { background-position: 0 -88px; } ul#product-menu li li li li.first { background-position: 0 -110px; } ul#product-menu li li li li { text-indent: 42px; background-position: 0 -132px; } ul#product-menu li li li li.last { background-position: 0 -154px; } ul#product-menu li li li a { color: #4D3300; } ul#product-menu li li li li a { color: #8CAD00; } ul#product-menu li li a { background-position: 11px -77px; } ul#product-menu li li.expanded a { background-position: 11px 8px; } ul#product-menu li li.expanded li a, ul#product-menu li li.expandable li a { background-position: 0 22px; } ul#product-menu li li li.expanded a { background-position: 16px -19px; } ul#product-menu li li li.expanded li a { background-position: 0 22px; } ul#product-menu li li li li.active a { background-position: 30px -48px; } /* HEADER STUFF */ #top h1 { width: 153px; height: 27px; position: absolute; top: 93px; left: 20px; clear: both; background: url(/sitefiles/26/design/logo.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/26/design/logo.png", sizingMethod="scale"); } #top h1 a { display: block; width: 153px; height: 27px; text-indent: -9999px; cursor: pointer; } #top h1#partner-logo { width: 126px; height: 40px; top: 80px; background-image: url(/sitefiles/26/design/schou_partn_logo.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/26/design/schou_partn_logo.png", sizingMethod="scale"); left: 814px; } #top h1#partner-logo a { width: 126px; height: 40px; } /* MAIN MENU (CATEGORIES) */ ul#main-menu { width: 660px; padding: 0 300px 0 0; height: 30px; line-height: 26px; float: left; clear: both; background: url(/sitefiles/26/design/main-menu/main-menu-x.png) 0 0 repeat-x; } ul#main-menu li { float: left; display: inline; padding: 0 4px 0 0; background: url(/sitefiles/26/design/main-menu/main-menu-sep.png) 100% 0 no-repeat; position: relative; } ul#main-menu li.active { background: none; } ul#main-menu li a { float: left; display: block; text-transform: uppercase; color: #FFF; text-decoration: none; font-size: 1.1em; font-weight: bold; height: 26px; position: relative; top: 0; left: -4px; clear: both; } ul#main-menu li.first a { left: 0; margin: 0 4px 0 0; } ul#main-menu li.active a { background: url(/sitefiles/26/design/main-menu/main-menu-item-left.png) 0 0 no-repeat; color: #4D3300; } ul#main-menu li a:hover { color: #4D3300; } ul#main-menu li a strong { float: left; display: block; height: 26px; padding: 0 20px; cursor: pointer; } ul#main-menu li.active a strong { background: url(/sitefiles/26/design/main-menu/main-menu-item-right.png) 100% 0 no-repeat; } /* TOP MENU */ ul#top-menu { width: 945px; padding: 0 15px 0 0; height: 25px; line-height: 25px; float: right; overflow: hidden; background: url(/sitefiles/26/design/top-menu-bg.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/26/design/top-menu-bg.png", sizingMethod="scale"); } ul#top-menu li { float: right; display: inline; padding: 0 5px 0 0; } ul#top-menu li a { float: left; display: block; font-size: 1.1em; color: #FFF; text-decoration: none; padding: 0 7px 0 0; background: url(/sitefiles/26/design/top-menu-sep.png) 100% 50% no-repeat; position: relative; } ul#top-menu li.first, ul#top-menu li.first a { padding: 0; background: none; } ul#top-menu li a:hover, ul#top-menu li.active a { color: #4D3300; text-decoration: underline; } /* TOP STATIQ SEARCH */ #top-product-search label { width: 180px; display: block; text-transform: uppercase; font-size: 1.2em; color: #4D3300; font-weight: bold; cursor: pointer; padding: 0 0 9px 0; } #top-product-search input.search-input { width: 119px; height: 17px; background: url(/sitefiles/26/design/statiq-query.png) 0 0 no-repeat; border: 0; padding: 0; color: #666; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; font-size: 1em; padding: 1px 7px 0 7px; float: left; clear: left; } #top-product-search input.search-submit { width: 43px; height: 17px; background: url(/sitefiles/26/design/statiq-submit.png) 0 0 no-repeat; border: 0; padding: 0; color: #FFF; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; font-size: 1em; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; float: right; clear: right; } /* BREADCRUMBS */ ul#breadcrumbs { width: 430px; float: left; padding: 10px 0 0 10px; font-size: 1em; } ul#breadcrumbs li { padding: 0 8px 0 6px; float: left; display: inline; background: url(/sitefiles/26/design/breadcrumb-sep.png) 100% 50% no-repeat; } ul#breadcrumbs li.you-are-here{ padding: 0; background: none; } ul#breadcrumbs li.current { padding: 0 0 0 6px; background: none; } ul#breadcrumbs li a { float: left; display: block; color: #8CAD00; text-decoration: none; } /* CART */ #right-col #cart { position: relative; padding: 0; width: 230px; } #top #top-bottom h4 { width: 200px; font-size: 1.2em; font-weight: bold; color: #4D3300; position: absolute; bottom: 10px; right: 0; padding: 0 15px; clear: both; } #cart, #cart table { width: 230px; float: left; clear: both; } #cart table { border-collapse: collapse; } #cart table .qty { padding: 0 5px 0 15px; } #cart table .price { padding: 0 15px 0 5px; text-align: right; } #cart table thead th { color: #4D3300; font-size: 1.1em; text-transform: uppercase; font-weight: bold; text-align: left; background: url(/sitefiles/26/design/heading-gradient-22.png) 0 0 repeat-x; height: 22px; line-height: 22px; } #cart table tbody td { line-height: 22px; font-size: 1.1em; color: #7A6640; } #cart table tbody td a { color: #7A6640; text-decoration: none; } #cart table tbody td a:hover { text-decoration: underline; } #cart table tbody tr.odd td { background: #F8F8F8; } #cart table tbody tr.even td { background: #EBEBEB; } #cart table tfoot .sum th, #cart table tfoot .sum td { color: #4D3300; font-size: 1.1em; text-transform: uppercase; font-weight: bold; background: url(/sitefiles/26/design/heading-gradient-22-w-top-dots.png) 0 0 repeat-x; height: 20px; line-height: 20px; padding-top: 2px; } #cart table tfoot .actions td { color: #4D3300; font-size: 1.1em; text-transform: uppercase; font-weight: bold; background: url(/sitefiles/26/design/heading-gradient-44-w-top-bottom-dots.png) 0 0 repeat-x; height: 44px; padding: 11px 15px 0 15px; } #cart a.empty { float: left; clear: left; display: block; width: 90px; height: 23px; line-height: 23px; color: #FFF; text-decoration: none; text-align: center; background: url(/sitefiles/26/design/empty-cart.png) 0 0 no-repeat; } #cart a.goto-counter { float: right; clear: right; display: block; width: 90px; height: 23px; line-height: 23px; color: #FFF; text-decoration: none; text-align: center; background: url(/sitefiles/26/design/goto-counter.png) 0 0 no-repeat; } /* COUNTER / MY ORDERS */ #counter, #orders, #change-account-details { width: 738px; float: left; clear: both; padding: 0 10px; position: relative; left: -10px; z-index: 1000; } #change-account-details { width: 728px; padding: 0 15px 15px; } #counter h2, #orders h2 { width: 738px; padding: 0 10px; float: left; clear: both; height: 23px; line-height: 22px; font-weight: bold; font-size: 1.2em; color: #FFF; text-transform: uppercase; background: url(/sitefiles/26/design/main-heading-gradient-23-w-bottom-dots.png) 0 0 repeat-x; position: relative; left: -10px; margin: 0; } #counter h2 strong { float: left; clear: left; } #counter h2 span.light { color: #D3CCBF; float: right; clear: right; } #counter table, #orders table { border-collapse: collapse; width: 758px; position: relative; left: -10px; float: left; clear: both; } #counter table thead tr th, #orders table thead tr th { background: url(/sitefiles/26/design/heading-gradient-22.png) 0 0 repeat-x; height: 22px; vertical-align: middle; color: #8CAD00; text-transform: uppercase; font-weight: bold; font-size: 1.2em; padding: 0 10px 0 15px; } #counter table tbody td, #orders table tbody td { color: #7A6640; font-size: 1.1em; } #counter table tbody tr.odd td, #counter table tfoot tr.odd td, #counter table tbody tr.odd th, #counter table tfoot tr.odd th, #orders table tbody tr.odd td { background: #ECEDEE; height: 22px; padding: 0 10px 0 15px; vertical-align: middle; } #counter table tbody tr.even td, #counter table tfoot tr.even td, #counter table tbody tr.even th, #counter table tfoot tr.even th, #orders table tbody tr.even td { background: #F9FAFB; height: 22px; padding: 0 10px 0 15px; vertical-align: middle; } #counter table tfoot tr.odd td, #counter table tfoot tr.even td { color: #7A6640; font-size: 1.2em; } #counter table tfoot tr.odd th, #counter table tfoot tr.even th { color: #8CAD00; font-size: 1.2em; text-transform: uppercase; } #counter table tfoot tr td, #counter table tfoot tr th { font-weight: bold; } #container #counter table .total { text-align: right; padding: 0 15px; } #counter table tbody tr td.name a.product { color: #7A6640; text-decoration: none; float: left; clear: left; } #counter table tbody tr td.name a.delete { display: block; text-indent: -9999px; outline: none; float: right; clear: right; width: 45px; height: 16px; background: url(/sitefiles/26/design/delete.png) 0 0 no-repeat; } #counter table tbody tr td.qty form { height: 16px; padding: 3px 0; } #counter table tbody tr td.qty input.qty { border: 1px solid #BDBEC0; color: #7A6640; float: left; height: 12px; padding: 1px 3px; width: 1.25em; text-align: center; font-size: 10px; margin: 0 5px 0 0; } #counter table tbody tr td.qty input.refresh { border: none; padding: 0; float: left; width: 16px; height: 16px; cursor: pointer; background: url(/sitefiles/26/design/refresh.png) 0 0 no-repeat; } #counter table tbody tr td.name a.product:hover { text-decoration: underline; } #counter table tfoot tr.total th, #counter table tfoot tr.total td, #orders table tfoot tr td { height: 30px; background: url(/sitefiles/26/design/cart-total-row.png) 0 0 repeat-x; vertical-align: middle; padding: 0 10px 0 15px; color: #4D3300; font-size: 1.4em; text-transform: uppercase; } #counter table tfoot tr.actions td { height: 43px; background: url(/sitefiles/26/design/cart-actions-row.png) 0 0 repeat-x; vertical-align: middle; padding: 0 15px; } #counter table tfoot tr.actions td a { display: block; height: 23px; outline: none; text-indent: -9999px; } #counter table tfoot tr.actions td a.continue-shopping { width: 131px; background: url(/sitefiles/26/design/continue-shopping.png) 0 0 no-repeat; } #counter table tfoot tr.actions td a.back { width: 71px; background: url(/sitefiles/26/design/back.png) 0 0 no-repeat; } #counter table tfoot tr.actions td a.proceed-to-checkout { width: 111px; background: url(/sitefiles/26/design/to-checkout.png) 0 0 no-repeat; float: right; } #counter table tfoot tr.actions td a.empty { width: 91px; background: url(/sitefiles/26/design/empty-cart-w-text.png) 0 0 no-repeat; float: right; } #orders table tbody td a { display: block; text-indent: -9999px; outline: none; float: right; clear: right; width: 67px; height: 16px; background: url(/sitefiles/26/design/view-order.png) 0 0 no-repeat; } #counter #identify { width: 728px; padding: 0 15px; position: relative; left: -10px; float: left; clear: both; background: #F8F9F6 url(/sitefiles/26/design/dots.png) 0 100% repeat-x; overflow: hidden; } #counter h3, #change-account-details h3, #regnewuser h3 { width: 728px; padding: 0 15px; position: relative; left: -15px; float: left; clear: both; height: 34px; line-height: 34px; font-weight: bold; font-size: 1.2em; color: #4D3300; text-transform: uppercase; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 -2px repeat-x; margin: 0 0 10px 0; } #counter .products-wide h3 { left: -10px; } #change-account-details h3 { background-position: 0 0; height: 36px; line-height: 36px; } #counter #identify h4 { color: #8CAD00; font-size: 1.1em; font-weight: bold; text-transform: uppercase; } #counter #identify p { font-size: 1.1em; padding: 0 0 .75em 0; margin: 0; } #counter #identify #identify-left { width: 354px; padding: 0 40px 15px 0; float: left; } #counter #identify #identify-right { width: 334px; float: right; padding: 0 0 15px 0; } #counter #identify #identify-left input { float: left; margin: 0 5px 0 0; width: 121px; height: 15px; padding: 1px 6px 2px 6px; background: url(/sitefiles/26/design/statiq-query.png) 0 0 no-repeat; border: 0; color: #666; font-size: 1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; } #counter #identify #identify-left input.submit { margin: 0; color: #FFF; text-transform: uppercase; background: url(/sitefiles/26/design/login-submit.png) 0 0 no-repeat; text-align: center; cursor: pointer; width: 42px; height: 17px; padding: 1px 0; } #counter #identify #identify-right p#register { position: relative; } #counter #identify #identify-right p#register a { display: block; width: 96px; height: 18px; outline: none; text-indent: -9999px; background: url(/sitefiles/26/design/register-w-text.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; clear: both; } #counter p#info-total { position: absolute; right: 15px; _right: 35px; bottom: 15px; clear: both; width: 344px; background: #E5E1DA; color: #8CAD00; font-size: 1.4em; font-weight: bold; text-transform: uppercase; text-align: center; z-index: 1000; padding: .75em 0; } #checkout { width: 728px; float: left; clear: both; position: relative; padding: 0 15px; left: -10px; background: #F8F9F6 url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 -1px repeat-x; overflow: hidden; z-index: 500; } #checkout fieldset, #change-account-details form { float: left; width: 344px; overflow: hidden; } #fraktvalg label { text-transform: lowercase; } #regnewuser { width: 526px; float: left; clear: both; position: relative; overflow: hidden; left: -10px; } #regnewuser fieldset { float: left; clear: both; width: 526px; background: #F8F9F6; overflow: hidden; *overflow: visible; } #checkout fieldset#personal { padding: 0 40px 0 0; } #change-account-details form#chpass { float: right; clear: right; } #checkout fieldset#payment { padding: 0 0 100px 0; } #checkout h3 { width: 314px; background: none; height: 35px; line-height: 35px; } #regnewuser h3 { width: 526px; height: 36px; line-height: 36px; background-position: 0 0; left: 0; } #checkout h4, #change-account-details h4 { color: #8CAD00; font-weight: bold; font-size: 1.1em; text-transform: uppercase; padding: 0; float: left; clear: both; width: 344px; } #checkout #personal h4, #change-account-details form#chall h4 { padding: 0 0 0 95px; width: 249px; } #checkout ul, #change-account-details ul, #regnewuser ul { padding: 0 0 1em 0; } #checkout ul, #checkout ul li, #change-account-details ul, #change-account-details ul li, #regnewuser ul, #regnewuser ul li { width: 344px; float: left; clear: both; } #regnewuser ul { padding: 0 15px 1em; } #regnewuser ul, #regnewuser ul li { width: 496px; } #checkout ul li, #change-account-details ul li, #regnewuser ul li { line-height: 2; padding: 0 0 .25em 0; } #checkout ul li.no-label, #change-account-details ul li.no-label, #regnewuser ul li.no-label { width: 254px; padding: 0 0 .25em 90px; _width: 255px; _padding: 0 0 .25em 89px; } #checkout ul li label, #change-account-details ul li label, #regnewuser ul li label { float: left; font-size: 1.1em; color: #666; cursor: pointer; width: 80px; _width: 76px; padding: 0 10px 0 0; } #change-account-details form#chpass ul li label { width: 160px; _width: 156px; } #checkout ul li label em, #change-account-details ul li label em, #regnewuser ul li label em { color: #B2B2B2; } #checkout ul li input, #checkout ul li textarea, #change-account-details ul li input, #regnewuser ul li input { width: 244px; height: 15px; padding: 3px 5px; background: url(/sitefiles/26/design/checkout-input.png) 0 0 no-repeat; border: 0; color: #666; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; } #change-account-details form#chpass ul li input { background: url(/sitefiles/26/design/checkout-input-short.png) 0 0 no-repeat; width: 164px; } #checkout ul li textarea { width: 234px; height: 89px; padding: 10px; background: url(/sitefiles/26/design/checkout-textarea.png) 0 0 no-repeat; } #checkout ul li.radio input, #regnewuser ul li.radio input { width: auto; height: auto; padding: 0; margin: .3em 1em 0 0; float: left; background: none; } #checkout ul li.radio label, #regnewuser ul li.radio label { width: auto; padding: 0; float: none; } #checkout ul li.formcontrols input, #change-account-details ul li.formcontrols input, #regnewuser ul li.formcontrols input { width: 118px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 1em; text-align: center; height: 16px; padding: 0 0 3px 0; border: none; background: url(/sitefiles/26/design/checkout-submit.png) 0 0 no-repeat; cursor: pointer; float: right; margin: 10px 0 0 0; } #regnewuser ul li.formcontrols input { width: 140px; background: url(/sitefiles/26/design/register-submit.png) 0 0 no-repeat; } #col-wrap #change-account-details ul li.formcontrols input { background-image: url(/sitefiles/26/design/login-submit.png); width: 42px; height: 17px; } /* ARTICLE DETAILS */ #article { width: 506px; float: left; clear: both; } #article h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #4D3300; height: 36px; line-height: 36px; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 0 repeat-x; padding: 0 10px; margin: 0 0 10px 0; width: 506px; position: relative; left: -10px; float: left; clear: both; } #article .img-wrap { width: 506px; float: left; clear: both; padding: 0 0 1.5em; } #article .img-wrap img { float: left; } #article h3 { font-weight: bold; color: #4D3300; text-transform: uppercase; font-size: 1.3em; } #article p#excerpt { font-size: 1.2em; font-weight: bold; } #article p, #article ul, #article ol, #article table { font-size: 1.1em; margin: 0 0 1.5em; } #article ul { list-style-type: square; margin-left: 2em; } #article ol { list-style-type: decimal; margin-left: 2em; } #article ul ul, #article ul ol, #article ol ul, #article ol ol, #article ul p, #article ol p { font-size: 1em; } /* LEFT COLUMN STUFF */ #left-col div { width: 170px; float: left; clear: both; padding: 0 15px 10px; overflow: hidden; } #left-col div a { color: #8CAD00; text-decoration: underline; } #left-col div a:hover { text-decoration: none; } #left-col h3 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #4D3300; height: 36px; line-height: 36px; background: url(/sitefiles/26/design/left-col-heading-gradient-36.png) 0 0 repeat-x; padding: 0 15px; margin: 0 0 10px 0; width: 170px; position: relative; left: -15px; } #left-col h4 { color: #8CAD00; text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 0 0 10px 0; } #left-col div p, #left-col div ul, #left-col div ol, #left-col div dl { font-size: 1.1em; line-height: 1.6; margin: 0 0 1.6em 0; } #left-col div ul p { font-size: 1em; } #left-col dl dt { width: 60px; padding: 0 10px 0 0; float: left; clear: left; font-weight: bold; } #left-col dl dd { float: left; width: 100px; } /* RIGHT COLUMN STUFF */ #right-col div { width: 200px; float: left; clear: both; padding: 0 15px; overflow: hidden; } #right-col div a { color: #8CAD00; text-decoration: underline; } #right-col div a:hover { text-decoration: none; } #right-col h3 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #4D3300; height: 36px; line-height: 36px; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 0 repeat-x; padding: 0 15px; margin: 0 0 10px 0; width: 200px; position: relative; left: -15px; float: left; clear: both; } #right-col h3 span.left { float: left; clear: left; } #right-col h3 a.right { float: right; clear: right; text-transform: none; color: #8CAD00; font-weight: normal; font-size: .92em; } #right-col h4 { color: #4D3300; text-transform: uppercase; font-size: 1.1em; font-weight: bold; } #right-col ul h4 { font-size: 1em; } #right-col h4 a { color: #4D3300; text-decoration: none; } #right-col div p, #right-col div ul, #right-col div ol, #right-col div dl { font-size: 1.1em; line-height: 1.6; padding: 0 0 1.6em 0; margin: 0; } #right-col div ul p { font-size: 1em; } #right-col dl dt { width: 70px; padding: 0 10px 0 0; float: left; clear: left; font-weight: bold; } #right-col dl dd { float: left; width: 120px; } /* GOTO SECTION */ #right-col .goto-section { padding: 15px; } .goto-section a { display: block; text-align: center; background: 50% 0 no-repeat; font-size: 1.1em; } /* RIGHT COLUMN NEWS */ #right-col-news ul { width: 230px; float: left; clear: both; position: relative; left: -15px; } #right-col-news ul li { width: 200px; float: left; clear: both; padding: 0 15px 12px 15px; background: url(/sitefiles/26/design/right-col-dots.gif) 0 100% repeat-x; margin: 0 0 10px 0; } #right-col-news ul li.last { margin: 0; } #right-col-news ul li h4, #right-col-news ul li p { float: left; width: 200px; clear: both; padding: 0; margin: 0; } #right-col-news ul li p.excerpt strong { font-weight: bold; color: #8CAD00; } #right-col-news ul li p.read-more a { float: right; padding: 0 0 0 14px; background: url(/sitefiles/26/design/right-col-bullet.gif) 0 70% no-repeat; } /* LOG IN / OUT */ #loginout { width: 270px; position: absolute; top: 140px; right: 0; padding: 4px 10px 0 0; text-align: right; } #loginout label { float: right; padding: 0 5px 0 0; text-transform: uppercase; color: #FFF; font-weight: bold; font-size: 1.1em; line-height: 18px; cursor: pointer; } #loginout input.input { width: 69px; padding: 1px 7px 0 7px; height: 17px; border: 0; float: right; margin: 0 0 0 5px; background: url(/sitefiles/26/design/login-text.png) 0 0 no-repeat; color: #666; font-size: 1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; } #loginout input.submit { width: 42px; height: 17px; padding: 1px 0 0 0; text-align: center; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1em; background: url(/sitefiles/26/design/login-submit.png) 0 0 no-repeat; border: 0; margin: 0 0 0 5px; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; cursor: pointer; float: right; clear: right; } #loginout p#login-info { float: right; clear: both; width: 270px; color: #FFF; padding: 6px 0 0 0; line-height: 17px; } #loginout p#login-info a { display: block; float: right; clear: right; text-align: center; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1em; width: 95px; height: 17px; background: url(/sitefiles/26/design/register.png) 100% 0 no-repeat; padding: 0 0 0 15px; text-decoration: none; } #loginout p#login-info span.message { font-size: 1.1em; float: right; padding: .15em 0 0 0; } /* PRODUCT DETAILS */ #product { width: 526px; float: left; clear: both; position: relative; left: -10px; background: #FFF; } #product h4#producer { width: 506px; padding: 0 10px; float: left; clear: both; height: 23px; line-height: 22px; font-weight: bold; font-size: 1.1em; color: #FFF; text-transform: uppercase; background: url(/sitefiles/26/design/main-heading-gradient-23-w-bottom-dots.png) 0 0 repeat-x; } #product h4#producer a { color: #8CAD00; text-decoration: underline; font-weight: normal; } #product h4#producer a:hover { text-decoration: none; } #product #image-wrap { width: 506px; float: left; clear: both; padding: 10px; } #product #image-wrap a { display: block; width: 506px; float: left; clear: both; text-align: center; color: #8CAD00; text-decoration: underline; } #product #image-wrap a:hover { text-decoration: none; } #product #image-wrap img { float: left; clear: both; padding: 0 0 .5em 0; } #product #image-wrap span { float: left; clear: both; display: block; } #product #product-left { float: left; width: 336px; padding: 15px 0 0 10px; } #product #product-right { float: right; width: 150px; padding: 15px 20px 15px 10px; } #product-left h2, #product-top h2, #product-left h3 { font-weight: bold; font-size: 1.3em; color: #4D3300; line-height: 1; text-transform: uppercase; padding: 0 0 .25em 0; } #product-left p, #product-left dl { font-size: 1.1em; margin: 0 0 1.66em 0; } #product-left dl { float: left; width: 336px; clear: both; } #product-left dl dt { width: 115px; padding: 0 10px 0 0; float: left; clear: left; font-weight: bold; } #product-left dl dd { float: left; width: 211px; } #product-left dl .add-space { padding-bottom: 1.66em; } #product-right ul { width: 150px; float: left; clear: both; } #product-right ul li { width: 150px; float: left; clear: both; font-size: 1.1em; } #product ul#meta { text-align: right; } #product #product-top ul#meta { padding: 1em 0 0 0; width: 286px; float: left; clear: both; } #product #product-top ul#meta li { font-size: 1.1em; float: right; clear: right; } #product ul#meta li#price { font-size: 2em; font-weight: bold; color: #8CAD00; padding: 0; } #product ul#meta li#buy { padding: 2em 0 0 0; } #product #product-top ul#meta li#buy { padding: 0; float: left; clear: left; } #product ul#meta li#buy input#buy-qty { width: 26px; height: 20px; padding: 3px 0 0 0; text-align: center; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #666; float: right; border: 0; background: url(/sitefiles/26/design/buy-qty.png) 0 0 no-repeat; } #product ul#meta li#buy input#buy-submit { width: 51px; height: 23px; padding: 0; text-align: center; font-size: 1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #FFF; text-transform: uppercase; float: right; clear: right; margin: 0 0 0 15px; border: 0; background: url(/sitefiles/26/design/buy-submit.png) 0 0 no-repeat; cursor: pointer; } #product-right ul#extra-pics { padding: 3em 0 0 0; } #product-right ul#extra-pics li { padding: 0 0 1em 0; } #product-right ul#extra-pics li a { display: block; width: 100px; float: right; clear: both; padding: 2px; background: #A89A82; border: 1px solid #4B3512; } #product-right ul#extra-pics li a img { float: left; } #product-right ul#docs { padding: 3em 0 0 0; } #product-right ul#docs li { padding: 0 0 1.5em 0; text-align: center; } #product-right ul#docs li a { width: 100px; float: right; clear: both; display: block; padding: 30px 0 0 0; background: url(/sitefiles/26/design/pdf.png) 50% 0 no-repeat; color: #8CAD00; text-decoration: underline; } #product-right ul#docs li a:hover { text-decoration: none; } #product-right ul#docs li#get-reader { padding: 0; } #product-right ul#docs li#get-reader a { text-indent: -9999px; width: 112px; height: 33px; padding: 0; background: url(/sitefiles/26/design/get_adobe_reader.gif) 0 0 no-repeat; } #product #product-top { width: 506px; float: left; clear: both; padding: 15px 10px 10px; } #product #product-top #text-wrap { width: 286px; float: left; clear: left; } #product #product-top #text-wrap p { font-size: 1.1em; } #product #product-top #image-wrap { width: 200px; float: right; clear: right; padding: 0; } #product #product-top #image-wrap a { width: 200px; } #product #product-tip { width: 486px; padding: 0 20px; float: left; clear: both; height: 29px; line-height: 18px; background: url(/sitefiles/26/design/tip-a-friend-bg.gif) 0 0 repeat-x; } #product #product-tip form { float: right; clear: right; padding: 6px 0 0 0; height: 23px; } #product #product-tip form fieldset { float: right; clear: both; _width: 290px; } #product #product-tip label { color: #4D3300; cursor: pointer; font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding: 0 .4em 0 0; float: left; } #product #product-tip input#product-tip-email { width: 119px; height: 17px; background: url(/sitefiles/26/design/statiq-query.png) 0 0 no-repeat; border: 0; color: #666; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; font-size: 1em; padding: 1px 7px 0 7px; float: left; margin: 0 5px 0 0; } #product #product-tip input#product-tip-submit { width: 43px; height: 17px; background: url(/sitefiles/26/design/statiq-submit.png) 0 0 no-repeat; border: 0; padding: 0; color: #FFF; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; font-size: 1em; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; float: left; } #product #product-tip .message { font-size: 1.1em; font-weight: bold; color: #4D3300; text-align: right; text-transform: uppercase; float: right; } #product #product-tip .success { padding: 0 0 0 20px; border-left: .35em dotted #8CAD00; line-height: 29px; } /* ALTERNATIVE PRODUCT LISTING */ .products-alt { width: 506px; float: left; clear: both; padding: 0 10px; position: relative; left: -10px; } .products-alt h3 { width: 506px; padding: 0 10px; position: relative; left: -10px; float: left; clear: both; height: 36px; line-height: 36px; font-weight: bold; font-size: 1.2em; color: #4D3300; text-transform: uppercase; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 0 repeat-x; } #counter .products-alt h3 { margin: 0; left: -10px; } #product .products-alt h3 { background: url(/sitefiles/26/design/main-heading-gradient-34-w-bottom-dots.png) 0 0 repeat-x; height: 34px; line-height: 34px; } .products-alt h3 strong { float: left; clear: left; } .products-alt h3 a.cat-link { text-decoration: none; color: #4D3300; } .products-alt h3 a.cat-link:hover { text-decoration: underline; } .products-alt h3 span.viewmode { float: right; clear: right; text-transform: none; font-size: .92em; height: 11px; line-height: 13px; padding: 12px 0 11px; } .products-alt h3 span.viewmode a { color: #4D3300; text-decoration: none; display: block; float: left; margin: 0 0 0 1.5em; _margin: 0 0 0 .75em; padding: 0 0 0 25px; } .products-alt h3 span.viewmode a.powered { color: #875; } .products-alt h3 span.viewmode a.expand { background: url(/sitefiles/26/design/expand.gif) 0 2px no-repeat; } .products-alt h3 span.viewmode a.collapse { background: url(/sitefiles/26/design/collapse.gif) 0 2px no-repeat; } .products-alt h3 span.viewmode a.powered:hover, .products-alt h3 span.viewmode a.unpowered { color: #4D3300; background-position: 0 -29px; } .products-alt .product { width: 496px; float: left; clear: both; border-bottom: 2px solid #8CAD00; padding: 10px 10px 10px 0; } .two-cols .products-alt .product { width: 738px; } .products-collapsed .product { padding: 10px 10px 0 0; } .products-alt .last { border: none; margin: 0; } .products-alt .product .image-wrap { width: 100px; float: left; clear: left; margin: 0 20px 0 0; } .products-alt .product .image-wrap img { float: left; max-width:300px; midth:auto !important; } .products-alt .product .text-wrap { width: 206px; float: left; } .two-cols .products-alt .product .text-wrap { width: 468px; } .products-alt .product .meta-wrap { width: 150px; float: right; clear: right; } .products-alt .product h4 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #4D3300; line-height: 1; padding: 0 0 .25em 0; } .products-alt .product h4 a { color: #4D3300; text-decoration: none; } .products-alt .product h4 a:hover { text-decoration: underline; } .products-alt .product p { font-size: 1.1em; } .products-alt .product .meta-wrap ul { width: 150px; float: left; clear: both; text-align: right; } .products-collapsed ul { width: 496px; float: left; clear: both; } .products-alt .product .meta-wrap ul li { width: 150px; float: left; clear: both; font-size: 1.1em; } .products-collapsed ul li { width: 152px; float: left; display: inline; position: relative; font-size: 1.1em; padding: .75em 20px 0 0; } .products-alt .product .meta-wrap ul li.price, .products-collapsed ul li.price { font-size: 2em; font-weight: bold; color: #8CAD00; padding: 0; top: -15px; text-align: right; } .products-collapsed ul li.price { font-size: 1.4em; line-height: 1; } .products-alt .product .meta-wrap ul li.buy { padding: 2em 0 0 0; } .two-cols .products-alt .product .meta-wrap ul li.buy { padding: .5em 0 0 0; } .products-collapsed ul li.buy { padding: .25em 0 0 0; top: -10px; } .products-alt .product .meta-wrap ul li.buy input.buy-qty, .products-collapsed ul li.buy input.buy-qty { width: 26px; height: 20px; padding: 3px 0 0 0; text-align: center; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #666; float: right; border: 0; background: url(/sitefiles/26/design/buy-qty.png) 0 0 no-repeat; } .products-alt .product .meta-wrap ul li.buy input.buy-submit, .products-collapsed ul li.buy input.buy-submit { width: 51px; height: 23px; padding: 0 0 2px; text-align: center; font-size: 1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #FFF; text-transform: uppercase; float: right; clear: right; margin: 0 0 0 15px; border: 0; background: url(/sitefiles/26/design/buy-submit.png) 0 0 no-repeat; cursor: pointer; } .products-alt .product .meta-wrap ul li.buy a.cant-buy-this, .products-collapsed ul li.buy a.cant-buy-this { background: #8BAE3E; padding: 1px; display: block; float: right; height: 21px; color: #FFF; text-decoration: none; text-align: center; } .products-alt .product .meta-wrap ul li.buy a.cant-buy-this span, .products-collapsed ul li.buy a.cant-buy-this span { border: 1px solid #FFF; display: block; height: 19px; line-height: 19px; padding: 0 10px; } ul.pagination { width: 306px; float: left; clear: both; position: relative; padding: 15px 100px; } ul.pagination li { float: left; display: inline; line-height: 1.5; font-size: 1.2em; padding: 0 .5em 0 0; } ul.pagination li.prev, ul.pagination li.next { position: absolute; top: 15px; clear: both; padding: 0; } ul.pagination li.prev { left: 0; } ul.pagination li.next { right: 0; } ul.pagination li a { background: #FFF; color: #8BAE3E; display: block; float: left; text-decoration: none; padding: 0 .5em; border: 1px solid #C1B8A6; } ul.pagination li a:hover { background: #F2EEE6; color: #749134; border-color: #FFF; } ul.pagination li.active { background: #8BAE3E; color: #FFF; font-weight: bold; display: block; text-decoration: none; padding: 0 .5em; border: 1px solid #8BAE3E; margin: 0 .5em 0 0; } /* RETAILERS */ .retailers-wrap { width: 506px; float: left; clear: both; padding: 0 10px; position: relative; left: -10px; } .retailers-wrap h2 { width: 506px; padding: 0 10px; position: relative; left: -10px; float: left; clear: both; height: 36px; line-height: 36px; font-weight: bold; font-size: 1.2em; color: #4D3300; text-transform: uppercase; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 0 repeat-x; } .retailers .retailer { width: 506px; float: left; clear: both; border-bottom: 2px solid #8CAD00; padding: 10px 0; } .retailers .last { border: none; margin: 0; } .retailers .retailer .logo { width: 100px; float: left; clear: left; margin: 0 20px 0 0; } .retailers .retailer .logo img { float: left; } .retailers .retailer .information { width: 386px; float: left; } .retailers .retailer .information h3 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #4D3300; line-height: 1; padding: 0 0 .25em 0; } .retailers .retailer .information h3 a { color: #4D3300; text-decoration: none; } .retailers .retailer .information h3 a:hover { text-decoration: underline; } .retailers .retailer .information p.intro { font-size: 1.1em; } .retailers .retailer .information p.visit { padding: 1.5em 0 0; text-align: right; font-size: 1.1em; line-height: 1; } .retailers .retailer .information p.visit a { color: #8CAD00; text-decoration: none; } .retailers .retailer .information p.visit a:hover { text-decoration: underline; } /* PRODUCT LISTING */ .products { overflow: hidden; } .products, .products .product { width: 506px; float: left; clear: both; padding: 10px 0 0 0; } .products .product { width: 486px; padding: 0 20px 15px 0; border-bottom: 2px solid #8CAD00; margin: 0 0 15px 0; } .products .last { border: none; } .products .product .img-wrap { display:block; float:left; margin:0 0 20px; padding:0 0 0 15px; position:relative; } .products .product .img-wrap img { float: left; } .products .product .full-width { clear:both; width:300px; } .products .product .full-width img { width:auto !important; width:300px; max-width:300px; } .products .product .left-aligned { width: 200px; margin: 0 20px 0 0; } .products .text-wrap { float: left; } .products .text-wrap-left { width: 315px; } .products .text-wrap-right { width: 266px; float: right; } .products .product h3 { color:#4D3300; font-size:1.3em; font-weight:bold; line-height:1; margin:0; padding:0 0 5px 30px; text-transform:uppercase; width:300px; } .products .product h3 a { text-decoration: none; color: #4D3300; } .products .product h3 a:hover { text-decoration: underline; } .products .product p { font-size: 1.1em; } .products .product .info-and-buy { float: right; } .products .product .info-and-buy-right { width: 146px; text-align: right; } .products .product .info-and-buy-bottom-right { width: 266px; float: right; clear: right; } .products .product .info-and-buy-bottom-right ul { padding: 2em 0 0 0; _padding: 3em 0 0 0; width: 266px; float: left; clear: both; } .products .product .info-and-buy ul li { line-height: 1; } .products .product .info-and-buy-bottom-right ul li { width: 130px; } .products .product .info-and-buy ul li.price { font-size: 2em; font-weight: bold; color: #8CAD00; padding: 0 0 .25em 0; } .products .product .info-and-buy-bottom-right ul li.price { float: right; clear: right; text-align: right; _margin: -.5em 0 -3em 0; padding: 0; } .products .product .info-and-buy ul li.reg { font-size: 1.1em; padding: 0 0 .75em 0; } .products .product .info-and-buy-bottom-right ul li.reg { float: left; clear: left; _margin: 0 0 -3em 0; } .products .product .info-and-buy ul li.buy { padding: 2em 0 0 0; } .products .product .info-and-buy-bottom-right ul li.buy { float: right; clear: right; margin: -1em 0 0 0; _margin: -3em 0 0 0; } .products .product .info-and-buy ul li.buy input.buy-qty { width: 26px; height: 20px; padding: 3px 0 0 0; text-align: center; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #666; float: right; border: 0; background: url(/sitefiles/26/design/buy-qty.png) 0 0 no-repeat; } .products .product .info-and-buy ul li.buy input.buy-submit { width: 51px; height: 23px; padding: 0; text-align: center; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; color: #FFF; text-transform: uppercase; float: right; clear: right; margin: 0 0 0 15px; border: 0; background: url(/sitefiles/26/design/buy-submit.png) 0 0 no-repeat; cursor: pointer; } /* NEWS */ .news, .news .case { width: 506px; float: left; clear: both; } .news h2 { width: 506px; padding: 0 10px; float: left; clear: both; height: 22px; line-height: 21px; font-weight: bold; font-size: 1.2em; color: #4D3300; text-transform: uppercase; background: url(/sitefiles/26/design/main-heading-gradient-22-w-bottom-dots.png) 0 0 repeat-x; position: relative; left: -10px; margin: 0 0 10px 0; } .news h2 span { float: left; clear: left; } .news h2 a { float: right; clear: right; text-transform: none; color: #8CAD00; font-weight: normal; font-size: .92em; } .news h2 a:hover { text-decoration: none; } .news .case { padding: 0 0 20px 0; } .news .case h3 { font-size: 1.3em; font-weight: bold; color: #4D3300; text-transform: uppercase; } .news .case h3 a { color: #4D3300; text-decoration: none; } .news .case h3 a:hover { text-decoration: underline; } .news .case p { font-size: 1.1em; } .news .case p a.read-more { display: block; float: right; color: #8CAD00; padding: 0 0 0 14px; text-decoration: underline; background: url(/sitefiles/26/design/green-bullet.gif) 0 55% no-repeat; } .news .case p a.read-more:hover { text-decoration: none; } .news .case .text-wrap { width: 286px; float: left; clear: left; } .news .case a.image-wrap { display: block; float: right; width: 200px; padding: 0.5em 0 0 0; } .news .case a.image-wrap img { float: right; } .brochures { width: 506px; float: left; clear: both; } .brochures h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #4D3300; height: 36px; line-height: 36px; background: url(/sitefiles/26/design/right-col-heading-gradient-36.png) 0 0 repeat-x; padding: 0 10px; margin: 0 0 10px 0; width: 506px; position: relative; left: -10px; float: left; clear: both; } .brochures h2 span { float: left; clear: left; } .brochures h2 a { float: right; clear: right; text-transform: none; color: #8CAD00; font-weight: normal; font-size: .92em; } .brochures h2 a:hover { text-decoration: none; } .brochures .brochure { width: 506px; float: left; clear: both; padding: 0 0 10px 0; border-bottom: 2px solid #8CAD00; margin: 0 0 10px 0; } .brochures .last { margin: 0; border: none; } .brochures .brochure a.img-wrap { width: 96px; height: 96px; display: block; float: left; clear: left; margin: 0 20px 0 0; } .brochures .brochure h3 { font-weight: bold; color: #4D3300; text-transform: uppercase; font-size: 1.3em; } .brochures .brochure h3, .brochures .brochure p { width: 258px; float: left; } .brochures .brochure p { font-size: 1.1em; } .brochures .brochure p.dl-get { width: 112px; float: right; clear: right; } .brochures .brochure p.dl-get a.dl-doc { display: block; width: 75px; height: 27px; line-height: 27px; padding: 0 0 0 37px; background: url(/sitefiles/26/design/pdf.png) 0 0 no-repeat; color: #8CAD00; margin: 0 0 10px 0; } .brochures .brochure p.dl-get a.dl-doc:hover { text-decoration: none; } .brochures .brochure p.dl-get a.get-reader { display: block; width: 112px; height: 33px; text-indent: -9999px; outline: none; background: url(/sitefiles/26/design/get_adobe_reader.gif) 0 0 no-repeat; } /* SITEMAP */ ul#sitemap { width: 456px; float: left; clear: both; padding: 1.5em 25px 1.5em 14px; } ul#sitemap li { width: 97.5%; padding: 0 0 0 2.5%; float: left; clear: both; } ul#sitemap li { line-height: 1.5; font-size: 1.5em; } ul#sitemap li li.level-1 { font-size: .87em; /* 13px equivilant */ } ul#sitemap li li li.level-2 { font-size: .92em; /* 12px equivilant */ } #container ul#sitemap li li li li { font-size: 1em; /* 12px equivilant */ } ul#sitemap li a { color: #8CAD00; text-decoration: none; } ul#sitemap li a:hover { text-decoration: underline; } /* GENERATED FORM */ form.kpgenerated { width: 506px; float: left; clear: both; padding: 0 10px; position: relative; left: -10px; } form.kpgenerated fieldset ul, form.kpgenerated fieldset ul li { width: 506px; } form.kpgenerated fieldset ul li input, form.kpgenerated fieldset ul li textarea, form.kpgenerated fieldset ul li select { width: 348px; } form.kpgenerated fieldset ul li input, form.kpgenerated fieldset ul li textarea, form.kpgenerated fieldset ul li select { color: #666; font-size: 1.1em; font-family: "Trebuchet MS", Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; } form.kpgenerated fieldset ul li label { font-size: 1.1em; color: #666; } form.kpgenerated fieldset ul li label span.required { color: #000; font-weight: normal; } form.kpgenerated fieldset ul li.form-controls input { float: right; margin: 0; background: #8CAD00; border-color: #83A300; border-bottom-width: 2px; } /* FOOTER */ #foot #foot-gfx { width: 972px; height: 10px; float: left; clear: both; background: url(/sitefiles/26/design/footer.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/26/design/footer.png", sizingMethod="scale"); } #foot p.byline { width: 972px; float: left; clear: both; font-size: 1.1em; } #foot p.byline a { color: #8CAD00; text-decoration: underline; position: relative; } #foot p.byline a:hover { color: #8CAD00; text-decoration: none; } /* __________________________________________________________________ GENERIC TYPOGRAPHY */ .infobox1, .infobox2 { width: 506px; float: left; clear: both; padding: 0 10px; position: relative; left: -10px; z-index: 1000; } .two-cols .infobox1, .two-cols .infobox2 { width: 738px; } .infobox1 h1, .infobox2 h1, .infobox1 h2, .infobox2 h2 { width: 506px; padding: 0 10px; float: left; clear: both; height: 23px; line-height: 22px; font-weight: bold; font-size: 1.2em; color: #FFF; text-transform: uppercase; background: url(/sitefiles/26/design/main-heading-gradient-23-w-bottom-dots.png) 0 0 repeat-x; position: relative; left: -10px; margin: 0 0 10px 0; } .infobox1 h1 strong, .infobox2 h1 strong, .infobox1 h2 strong, .infobox2 h2 strong { float: left; clear: left; } .infobox1 h1 span.light, .infobox2 h1 span.light, .infobox1 h2 span.light, .infobox2 h2 span.light { color: #D3CCBF; float: right; clear: right; } .two-cols .infobox1 h1, .two-cols .infobox2 h1, .two-cols .infobox1 h2, .two-cols .infobox2 h2 { width: 738px; } .infobox1 h3, .infobox2 h3 { font-weight: bold; font-size: 1.6em; margin: 0 0 0.25em 0; text-transform: uppercase; color: #4D3300; } .infobox1 h4, .infobox2 h4 { font-weight: bold; font-size: 1.3em; margin: 0 0 0.25em 0; text-transform: uppercase; color: #4D3300; } .infobox1 p, .infobox2 p, .infobox1 ul, .infobox2 ul, .infobox1 ol, .infobox2 ol, .infobox1 dl, .infobox2 dl, .infobox1 table, .infobox2 table { font-size: 1.1em; margin: 0 0 1.66em 0; } .infobox1 p.message, .infobox2 p.message { background: #E9E56E; margin: 0; padding: 10px 15px; color: #B75E08; font-size: 1.3em; font-weight: bold; float: left; clear: both; width: 496px; position: relative; left: -10px; } .infobox1 ul, .infobox2 ul { list-style-type: square; padding: 0 0 0 1.1em; _padding: 0 0 0 1.5em; } .infobox1 ol, .infobox2 ol { list-style-type: decimal; padding: 0 0 0 1.5em; _padding: 0 0 0 2.2em; } .infobox1 dl dt, .infobox2 dl dt { font-weight: bold; } .infobox1 dl dd, .infobox2 dl dd { padding: 0 0 0.5em 2em; } .infobox1 a, .infobox2 a { color: #8CAD00; text-decoration: underline; } .infobox1 p.message a, .infobox2 p.message a { color: #7D2A09; } .infobox1 a:hover, .infobox2 a:hover { text-decoration: none; } .infobox1 img, .infobox2 img { float: left; margin: 0 20px 20px 0; } .infobox1 em, .infobox2 em { font-style: italic; } .infobox1 strong, .infobox2 strong { font-weight: bold; } /* __________________________________________________________________ LIGHTBOX 2.04 */ /* #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto; position: absolute; left: 10px; top: 10px; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/26/design/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/26/design/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; position: relative; overflow: hidden; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { display: block; width: 66px; height: 22px; line-height: 22px; padding: 0; outline: none; position: absolute; right: 10px; top: 50%; margin-top: -11px; clear: both; overflow: hidden; font-size: 60px; } #imageData #bottomNavClose img { left: 0; top: 0; clear: both; margin: 0; float: left; position: relative; display: block; height: 22px; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } */ /* LIGHTBOX – LEAVE UNCHANGED ============================ */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; overflow: hidden; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; font-size: 0; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; padding: 10px 0; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/sitefiles/26/design/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; position: absolute; top: 0; clear: both; } #prevLink { left: 0; } #nextLink { right: 0; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/26/design/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/26/design/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; clear: both; } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }