/* -- base style sheet over-rides -- */ #header { padding: 0; /* remove bottom padding between header and body */ } #footer { background: none; padding: 0; } /* -- home rotator -- */ #body { background: url(/img/home/bodybackground.png) #fff repeat-x 0 100%; /* black bar at base of image rotator to run full width and house image navigator UI */ padding-bottom: 42px; } #bodyinnerhome { height: 392px; position: relative; } #body ul { list-style: none; margin: 0; } #homeitemlist li { display: none; font-size: 1em; margin: 0; } #homeitemlist li.active { display: block; } #homeitemlist li .detail { overflow: hidden; /* contain child floats */ padding: 65px 540px 0 0; } #homeitemlist h2 { font-size: 2.6em; line-height: 1; margin-bottom: 12px; } #homeitemlist p { color: #666; line-height: 1.8; margin-bottom: 30px; } #homeitemlist .link { margin: 0; overflow: hidden; /* contain child floats */ padding-right: 20px; } /* -- home rotator - button style -- */ #homeitemlist .link .button { background-image: url(/img/button/01white.png); float: right; } #homeitemlist .link .button span { background-image: url(/img/button/02white.png); } #homeitemlist .link .button:hover { background-image: url(/img/button/hover01white.png); } #homeitemlist .link .button:hover span { background-image: url(/img/button/hover02white.png); } #homeitemlist img { display: block; position: absolute; right: 0; top: 0; z-index: 1; } /* -- home rotator - jump icons -- */ #homejumplist { display: none; /* only display with javascript enabled */ position: absolute; top: 408px; } .js #homejumplist { display: block; } #homejumplist li { float: left; height: 12px; margin: 0; padding-right: 5px; width: 12px; } #homejumplist span { background: url(/img/home/jumpicon.png) no-repeat 0 0; cursor: pointer; display: block; height: 12px; width: 12px; } #homejumplist .active span { background-position: -12px 0; } /* -- home rotator - slide mask -- */ #homeslidemask { background-color: #fff; display: none; height: 392px; left: 0; position: absolute; top: 0; width: 850px; z-index: 2; } /* -- home sub -- */ #homesub { background: url(/img/home/homesubbackground.gif) repeat-x 0 0; /* using GIF to ensure image end color matches background color */ } /* -- home sub - page curl -- */ #homesubcurl { height: 68px; min-width: 960px; position: relative; } #homesubcurl div { background: url(/img/footercurlbackground.png) no-repeat 100% 0; height: 148px; position: absolute; right: 0; top: 0; width: 295px; } #homesubinner { margin: 0 auto; overflow: hidden; /* contain child floats */ padding-bottom: 120px; position: relative; width: 860px; } /* -- home sub - 'more' buttons -- */ #recentnews .more, #productquickfind .more { bottom: 74px; display: block; margin: 0; overflow: hidden; /* contain child floats */ position: absolute; } #recentnews .more a, #productquickfind .more a { float: right; } #recentnews .more span, #productquickfind .more span { min-width: 8em; /* fixed width buttons */ } /* -- home sub - headings -- */ #homesub h2 { color: #fff; font-style: normal; font-weight: normal; margin-bottom: 0.6em; } /* -- home sub - recent news -- */ #recentnews { float: left; padding-left: 62px; width: 318px; } #recentnews ol { list-style: none; margin: 0; } #recentnews li { background: url(/img/home/newsarrow.png) no-repeat 2px 14px; display: block; font-size: 1em; margin: 0; padding-left: 16px; } #recentnews li a { color: #e4d2ed; display: block; text-decoration: none; } #recentnews li div { background: url(/img/home/newsline.png) repeat-x 0 100%; padding: 10px 0 13px 4px; } #recentnews li div:hover { background-color: #401656; } #recentnews li h3 { font-style: normal; line-height: 1; margin: 0; } #recentnews li h3 a { color: #fff; font-weight: bold; padding-bottom: 3px; } #recentnews li p { font-size: 1.2em; margin: 0; } #recentnews .more { left: 0; width: 380px; } /* -- home sub - product quick find -- */ #productquickfind { float: left; padding-left: 90px; width: 344px; } #productquickfind ul { list-style: none; margin: 0; } #productquickfind li { float: left; font-size: 1em; height: 100px; margin: 0; padding-right: 14px; position: relative; width: 158px; } #productquickfind li a { text-decoration: none; } #productquickfind li span { background-color: #000; bottom: 0; color: #fff; display: block; font-size: 1.1em; left: 0; line-height: 22px; position: absolute; text-align: center; width: 158px; } #productquickfind li img { border: 2px solid #000; bottom: 21px; display: block; left: 0; position: absolute; } #productquickfind li a:hover span { background-color: #6e3987; } #productquickfind li a:hover img { border: 2px solid #6e3987; } #productquickfind .more { left: 470px; width: 330px; }