/* ---------------------------- ------------------------------- ---------GLOBAL STYLES--------- ------------------------------- ------------------------------- ----------------------------*/ body { background: #e5e5e5 url(images/background.jpg) repeat-x; margin: 0px; padding: 0px; font: 0.75em Verdana, Arial, Helvetica, sans-serif; color: #666666; } a { outline: none; } img { border: none; } .aligncenter { margin-left: auto; margin-right: auto; } /* ---------------------------- ------------------------------- -----------STRUCTURE----------- ------------------------------- ------------------------------- ----------------------------*/ #wrapper { margin: 0px auto; padding: 0px; width: 999px; } #header { width: 999px; height: 62px; } #container { margin: 0px; padding: 0px; width: 999px; } #interior-container { margin: 0px; padding: 25px; background: #FFFFFF; } #pagenav { background: #0065b3; height: 25px; margin: 6px 0px; padding: 0px; } #footer { background: #0065b3; height: 25px; margin: 6px 0px; padding: 0px; } #sidepanel { background: #dee7d4; padding: 25px; float: right; width: 275px; } #sidepanel-video { padding: 10px 0px 0px; float: right; width: 325px; } #content { float: left; width: 585px; } #partnercontent p { text-align: center; padding: 10px 0px 40px; } #contactsidepanel { background: #d9e8f4; padding: 25px; float: right; width: 460px; } #contactcontent { float: left; width: 400px; } .cell-back1 { margin: 0px; padding: 0px; height: 248px; width: 329px; background: url(images/new-home-images_03.jpg) no-repeat; } .cell-back2 { margin: 0px; padding: 158px 0px 0px 15px; height: 90px; width: 314px; background: url(images/new-home-images_05.jpg) no-repeat; position:relative; } .cell-back3 { margin: 0px; padding: 0px; height: 248px; width: 329px; background: url(images/new-home-images_10.jpg) no-repeat; } .cell-back4 { margin: 0px; padding: 15px 0px 0px 15px; height: 233px; width: 314px; background: url(images/new-home-images_11.jpg) no-repeat; } h2.home-header { font: bold 18px Verdana, Geneva, sans-serif; color: #024474; margin: 0px; padding: 0px; } h2.numbers { font: bold 33px Verdana, Geneva, sans-serif; color: #024474; margin: 0px; padding: 0px; } p.numbers-text { font: bold 14px Verdana, Geneva, sans-serif; color: #FFF; margin: 0px; padding: 0px; } .news {position:absolute; top:10px; left:10px; background:#fff; padding:10px; width:289px;} .news h4 {color:#5E8824; font-weight:normal; margin-bottom:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} .news ul {list-style-type:none; margin:0; padding:0;} .news li {font-size:12px; line-height:1.4em;} .news li a {color:#0E4475; font-weight:bold;} .news a:hover {color:#1466B4} /* ---------------------------- ------------------------------- ----TEXT & LINK FORMATTING----- ------------------------------- ------------------------------- ----------------------------*/ a { color: #0065b3; } a:hover { color: #f4944b; } p { margin: 0px; padding: 0px 0px 20px; } h2 { font-style: italic; font-weight: bold; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; } h3 { color: #0065b3; margin: 0px; padding: 0px; } h4 { color: #000000; margin: 0px; padding: 0px; } h5 { color: #0065b3; margin: 0px; padding: 0px; font-size: 18px; } blockquote { margin: 0px; padding: 10px 20px 10px 0px; float: left; width: 180px; } blockquote p { color: #f4944b; font: bold 36px "Times New Roman", Times, serif; } ul { margin: 0px; padding: 10px 0px 10px 3em; } ol { margin: 0px; padding: 10px 0px 10px 3em; } li { margin: 0px; padding: 0px 0px 10px; } /* ---------------------------- ------------------------------- -----------NAVIGATION---------- ------------------------------- ------------------------------- ----------------------------*/ ul#nav { list-style: none; margin: 0px; padding: 15px 0px 0px; width: 999px; position: relative; } ul#nav li.mega, ul#nav li.navitem { list-style: none; margin: 0px; padding: 0px; float: left; } a#home { background: url(images/nav_01.jpg) no-repeat; height: 30px; width: 84px; display: block; } a#products { background: url(images/nav_02.jpg) no-repeat; height: 30px; width: 104px; display: block; } a#environmental { background: url(images/nav_03.jpg) no-repeat; height: 30px; width: 140px; display: block; } a#innovations { background: url(images/nav_04.jpg) no-repeat; height: 30px; width: 124px; display: block; } a#technology { background: url(images/nav_05.jpg) no-repeat; height: 30px; width: 118px; display: block; } a#partners { background: url(images/nav_06.jpg) no-repeat; height: 30px; width: 103px; display: block; } a#company { background: url(images/nav_07.jpg) no-repeat; height: 30px; width: 108px; display: block; } a#library { background: url(images/nav_08.jpg) no-repeat; height: 30px; width: 149px; display: block; } a#contact { background: url(images/nav_09.jpg) no-repeat; height: 30px; width: 69px; display: block; } a#home:hover { background: url(images/nav_01.jpg) no-repeat 0px -30px; height: 30px; width: 84px; display: block; } a#products:hover { background: url(images/nav_02.jpg) no-repeat 0px -30px; height: 30px; width: 104px; display: block; } a#environmental:hover { background: url(images/nav_03.jpg) no-repeat 0px -30px; height: 30px; width: 140px; display: block; } a#innovations:hover { background: url(images/nav_04.jpg) no-repeat 0px -30px; height: 30px; width: 124px; display: block; } a#technology:hover { background: url(images/nav_05.jpg) no-repeat 0px -30px; height: 30px; width: 118px; display: block; } a#partners:hover { background: url(images/nav_06.jpg) no-repeat 0px -30px; height: 30px; width: 103px; display: block; } a#company:hover { background: url(images/nav_07.jpg) no-repeat 0px -30px; height: 30px; width: 108px; display: block; } a#library:hover { background: url(images/nav_08.jpg) no-repeat 0px -30px; height: 30px; width: 149px; display: block; } a#contact:hover { background: url(images/nav_09.jpg) no-repeat 0px -30px; height: 30px; width: 69px; display: block; } ul#nav div.dropdown { display: none; left: 0px; top: 45px; } ul#nav li.mega div.dropdown { position: absolute; z-index: 5; } ul#nav li.hovering div.dropdown { display: block; } div.dropdown { width: 999px; } div.nav-container { background: url(images/dropdown-backer.jpg) no-repeat; width: 999px; border-bottom: 1px solid #0065b2; } div.nav-shadow { } ul.navlist a { color: #666666; text-decoration: none; } ul.navlist a:hover { color: #000000; } ul.navlist { list-style: none; margin: 0px; padding: 15px 0px 40px 40px; overflow: auto; } ul.navlist h3 { font-family: "Times New Roman", Times, serif; font-style: italic; color: #000000; margin: 0px; padding: 15px 0px 5px; } ul.navlist li { list-style: none; float: left; margin: 0px; padding: 0px 0px 0px 40px; } li.product { width: 250px; } ul.navlist ul { list-style: square; margin: 0px; padding: 0px 0px 0px 1.1em; } ul.navlist ul li { list-style: square; margin: 0px; padding: 3px 25px 0px 0px; float: none; } li.callout { background: #e1e9d8; width: 410px; border: 1px solid #0065b3; } .ekofloatleft { float: left; margin-top: 15px; margin-right: 15px; } div.calloutbox { padding: 0px 40px 0px 0px; } div.calloutbox a { font-weight: bold; } /* ---------------------------- ------------------------------- ------------PRODUCTS----------- ------------------------------- ------------------------------- ----------------------------*/ div#pagenav { color: #FFFFFF; } div#pagenav a { color: #FFFFFF; } div.product-container { width: 329px; background: url(images/product-background.jpg) no-repeat; border-bottom: 15px solid #0065b2; position: relative; float: left; } div.p1 { margin: 0px 5px 0px 0px; } div.p2 { margin: 0px 6px 0px 0px; } div.p3 {} div.category-xl .logo-icon { background: url(images/xl-logo-prod.png) no-repeat; height: 50px; width: 50px; float: left; margin: 15px 0px 0px 10px; padding: 0px; } div.productimage { margin: 0px; padding: 28px 1px 0px 0px; float: right; height: 157px; width: 168px; } div.footprint { height: 50px; width: 75px; margin: 0px; padding: 0px; font-size: 16px; color: #5f8f00; position: absolute; top: 35px; left: 82px; font-weight: bold; } div.footprint a, div.footprint span.indent { font-size: 9px; color: #666666; font-weight: normal; } div.description p { margin: 0px; padding: 5px 0px; font-size: 11px; } p.subhead { color: #0065b3; margin: 0px; padding: 0px; font-size: 12px; } div.bluebox { background: #e5eff7; margin: 0px 1px; padding: 10px; clear: both; height: 150px; overflow: hidden; } div.application { margin: 0px; padding: 30px 0px 0px 10px; float: left; clear: left; color: #0065b3; width: 80px; font-size: 10px; } div.icons { background: url(images/logo-icons.jpg) no-repeat; height: 20px; width: 48px; position: absolute; top: 5px; right: 5px; } div.apptitle { font-weight: bold; } p.white { font-size: 12px; color: #FFFFFF; margin: 0px; padding: 5px 0px 5px 10px; } a.whitelink {color: #FFFFFF;} p.productcode { margin: 0px; padding: 3px 0px 3px 10px; } p.smallheader { margin: 0px; padding: 2px 0px 2px 10px; font-size: 8px; font-weight: bold; color: #0065b3; } /* ---------------------------- ------------------------------- ---------TECH DATA PAGE-------- ------------------------------- ------------------------------- ----------------------------*/ div.prod-block { margin: 0px 0px 20px; padding: 0px 0px 20px; border-bottom: 5px solid #0065b2; } div.prod-block strong { color: #000000; } /* ---------------------------- ------------------------------- ------------BREADCRUMB--------- ------------------------------- ------------------------------- ----------------------------*/ div.breadcrumb { font: normal 11px/12px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 2px 0px 0px 10px; padding: 3px 5px; float: left; } /* ---------------------------- ------------------------------- -----------PAGE NUMBERS-------- ------------------------------- ------------------------------- ----------------------------*/ #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; list-style: none; text-transform: none; text-indent: 0px; text-align: left; letter-spacing: 0px; word-spacing: 0px; font: normal 11px/12px Arial; color: #FFFFFF; } #wp_page_numbers { margin: 2px 10px 0px 0px; float: right; } #wp_page_numbers ul { width: 100%; } #wp_page_numbers li { float: left; display: block; margin-bottom: 2px; } #wp_page_numbers a { padding: 3px; padding-left: 5px; padding-right: 5px; margin-left: 2px; margin-right: 2px; display: block; color: #333; } #wp_page_numbers li a:hover { } #wp_page_numbers li.space { padding: 6px; padding-left: 2px; padding-right: 2px; } #wp_page_numbers li.first_last_page { font-style: italic; } #wp_page_numbers li.active_page a { border-color: #0075b8; } #wp_page_numbers li.active_page a:hover { color: black; /* IE fix */ text-decoration: underline; } #wp_page_numbers li.page_info { float: left; display: block; padding: 3px; padding-left: 5px; padding-right: 5px; margin-right: 2px; color: #ffffff; font-size: 11px; } /* ---------------------------- ------------------------------- -----------SEARCH ------------- ------------------------------- ------------------------------- ----------------------------*/ #searchform { position: relative; margin: 0px; padding: 0px; height: 248px; width: 329px; } #searchform input { } .button { float: right; border-style: none; outline:none; } #inputbox { height: 28px; position: absolute; right: 0px; bottom: 0px; width: 260px; z-index: 0; } .text { background: transparent; height: 20px; width: 160px; border: 0; border-style: none; font-size: 11px; color: #666666; margin-top: 5px; margin-left: 10px; line-height: 12px; float: left; } .searchbg { background: url(images/searchbox.jpg) no-repeat; display: block; height: 28px; width: 169px; float: left; } .searchbg2 { background:url(images/searchbox.jpg) no-repeat; display: block; height: 28px; width: 169px; border: 0; } .text:focus + .searchbg2 { background:url(images/interior-header-template-search-focus.jpg) no-repeat; } input:focus { outline: none; }